Как добавить элемент внутри DIV

Question

Пусть я создал элемент в следующем виде:

var elem= document.createElement("p"); 

И У меня есть div#parent элемент. Как я могу положить elem внутри div#parent? Можно ли обойтись без jQuery?

Answer 1

Вы должны использовать метод appendChild для добавления/добавления дочернего элемента.

document.getElementById('parent').appendChild(document.createElement("p")); 

Дополнительная информация:

appendChild

Answer 2

Да, вы можете использовать appendChild():

var parent = document.getElementById('parent'); 
var elem= document.createElement("p"); 
parent.appendChild(elem); 

Answer 3

Конечно, можно!

var parent = document.querySelector("div#parent"); 
//or document.getElementById("parent"); 
//I doubt speed is an issue so both will work the same 
parent.appendChild(elem); 

Answer 4

По appendChild()

var elem = document.createElement("p"); 
var div = document.getElementById("parent"); 
div.appendChild(elem); 

И alaborate. jQuery написан в чистом Javascript. Все, что делает jQuery, вы можете сделать. Тем не менее, существуют различные причуды и т. Д., Которые он абстрагирует.

Answer 5

var parent = document.getElementById("parent"); 
parent.appendChild(elem); 

Answer 6

Неа, должны использовать JQuery. Это ваш единственный вариант. :)

Просто шучу.

Что-то, как это должно работать:

var parent = document.getElementById('parent'); 
parent.appendChild(elem); 

Это просто. Даже без использования хорошего 'ole jQuery!