我正在用 HTML/JS 编写示例程序来演示创建用户定义对象(属性/值)数组、创建元素、使用 innerHTML 从对象数组添加数据，然后将新填充的元素附加到使用 appendChild() 打印它；
出于某种原因，除了我硬编码为调试的内容外，运行程序没有提供任何输出。考虑到语言，查看源代码也不是很有帮助。
请原谅我这个简单的问题，我是 JS 的新手，花了很多时间阅读很多资源 - 我觉得我可能遗漏了一些小东西。
谢谢!!
<title>
This is my title.
</title>
<body>
<p>xXx<br/></p>
<script>
var array = new Array();
var thing1 = {
property: "value-1"
};
var thing2 = {
property: "value-2"
};
array.push(thing1);
array.push(thing2);
for (index = 0; index < array.length; ++index) {
test_el = document.createElement("p");
test_el.innerHTML(array[index].property);
document.body.appendChild(test_el);
};
//I wish to print 'value' text into the body from my object, that is all
</script>
</body>
最佳答案
您的错误似乎与 innerHTML 有关，它不是一个函数，因此您应该将该值设置为等于某个值。我已经更正了您的代码，因此您可以看到结果。
var array = new Array();
var thing1 = {
property: "value-1"
};
var thing2 = {
property: "value-2"
};
array.push(thing1);
array.push(thing2);
for (index = 0; index < array.length; ++index) {
test_el = document.createElement('p');
test_el.innerHTML = array[index].property;
document.body.appendChild(test_el);
};<title>
This is my title.
</title>
<body>
<p>xXx<br/></p>
</body>关于javascript - 如何使用 JS 和 DOM 创建元素、设置属性、使用 innerHTML 和 appendChild，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54154293/