gpt4 book ai didi

javascript - 将 JS 添加到 HTML

转载 作者:行者123 更新时间:2023-11-28 12:57:46 25 4
gpt4 key购买 nike

在 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();
}

最佳答案

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

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

关于javascript - 将 JS 添加到 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53495170/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com