gpt4 book ai didi

javascript - appendChild 用法,可变数组 Javascript

转载 作者:行者123 更新时间:2023-11-30 16:41:38 26 4
gpt4 key购买 nike

尝试使用 appendChild 在段落中创建子元素,我想我在这里遗漏了一些基本的东西,但我无法弄清楚是什么,也不确定我是否正确使用了 appendChild。

<!DOCTYPE html>
<html>
<body>

<p>Accessing Variables from an Array</p>

<p id="demo"></p>

<script>
var employees = [
{
"firstName":"John",
"lastName":"Doe"
},
{
"firstName":"Anna",
"lastName":"Smith"
},
{
"firstName":"Peter",
"lastName":"Jones"
}
];
document.getElementById("demo").innerHTML =
employees[0].firstName + " " + employees[0].lastName;


childtest=document.getElementById("demo").innerHTML=employees[1].firstName;
first = document.getElementById("demo");
first.appendChild(childtest);
</script>

</body>
</html>

我想做的是创建一个“demo”的子元素,并获取第二个员工数组并将其作为子元素并在第一个输出下方输出。

最佳答案

childtest 不是这里的元素。

// Create a new empty <p> element.
var childtest = document.createElement('p');
// Set the innerHTML.
childtest.innerHTML = employees[1].firstname;
// Append that <p> element.
first.appendChild(childtest);

关于javascript - appendChild 用法,可变数组 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31881934/

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