javascript - 如何使 HTMLCollection 显示为字符串

Question

我在 div 元素中创建了一个无序列表。它全部出现在应有的位置，但显示的值不正确。显示的值是:“[object HTMLHeadingElement]”，本来应该是汽车模型。对于如何让汽车模型显示有什么建议吗？谢谢!

var name = document.getElementsByTagName("h4");
var myList = document.createElement("ul");
for (i = 0; i < name.length; i++) {
    var listItem = document.createElement("a");
    var div = document.getElementsByTagName("div");
var listValue = document.createTextNode(name[i]);

    listItem.appendChild(listValue);
    myList.appendChild(listItem);
    lastdiv.appendChild(myList);

}

Answer 1

您需要读取h4的文本内容。为此，请使用 name[i].textContent，因为 name[i] 是一个 DOM 节点。

var listValue = document.createTextNode(name[i].textContent);