Добавить элемент в DOM с JavaScript

Я хочу добавить элемент с JavaScript.

У меня есть следующий код:

var collection = document.getElementsByTagName('body'); var a = document.createElement('div'); a.innerHTML = 'some text'; collection.item(0).firstChild.appendChild(a); 

и простой HTML:

      

Где ошибка?

Это должно делать то, что вы ищете:

 var newdiv = document.createElement("DIV"); newdiv.appendChild(document.createTextNode("some text")); document.body.appendChild(newdiv); 

Во-первых, вы создаете элемент document.createElement . Чтобы установить его текстовое содержимое, вы должны иметь «текстовый узел», обертывающий ваш текст. Итак, вы сначала создаете такой текстовый узел, а затем добавляете его как (единственный) к вашему новому объекту.

Затем добавьте вновь созданный элемент DIV в структуру DOM. Вам не нужно искать элемент BODY с getElementsByTagName() , поскольку он существует как свойство объекта document .

Ваш код не работает, потому что в то время, когда вы пытаетесь вставить этот новый div, тег тела пуст, и поэтому нет первого приложения, которое добавляет что-либо. Измените свою последнюю строку на:

 collection.item(0).appendChild(a);