Как заставить 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);