javascript - 将 JS 添加到 HTML

Question

在 printFullName() 函数中:

1.创建一个名为 fullName 的局部变量。

2.为局部变量分配值“Bill Smith”。

3.将 id 为“outputList”的列表项添加到 HTML 有序列表中 本地 fullName 变量作为数据。

在主函数lab02localGlobal()中:

1.将名称“Judy Green”分配给全局变量版本的fullName。

2.将 id 为“outputList”的列表项添加到 HTML 有序列表中 全局 fullName 变量作为数据。

3.调用printFullName()函数。

应显示如下: 1.朱迪·格林 2.比尔·史密斯

但是它一直显示: 比尔·史密斯 1.比尔·史密斯

// global variables
var fullName;

fullName = "Judy Green";

function printFullName() {
"use strict";

  // declare variable
  var fullName;
  var output;

  // assign value to variable
  fullName = "Bill Smith";

  output = document.getElementById("outputList");
  fullName += "<li>" + fullName + "</li>";
  output.innerHTML = fullName;
}

function lab02localGlobal() {
"use strict";

   var output;

   output = document.getElementById("outputList");

   fullName = "<li>" + fullName + "</li>";
   output.innerHTML = fullName;

   printFullName();
}

Answer 1

那是因为您正在 printFullName() 函数中覆盖您的innerHTML。尝试附加到您已在 lab02localGlobal() 中添加的内容。

您可以使用appendChild()方法。请参阅https://plainjs.com/javascript/manipulation/append-or-prepend-to-an-element-29/了解更多详情