Добавить в DOM без jQuery

Question

Это должно быть просто, но это не так.

document.getElementsByTagName('body')[0].document.createTextNode(document.createElement('<div>some HTML</div>')); 

Он создается как текстовый узел. Как это сделать, чтобы я просто добавлял HTML без jQuery?

Answer 1

Закрыть, но нет сигары. Вы должны создать элемент вручную (через createElement), и затем добавить его, как это:

var div = document.createElement("div"); 
div.innerHTML = "some HTML"; 
document.getElementsByTagName('body')[0].appendChild(div); 

К сожалению, вы не можете сделать это в одной гильзе, потому что нет никакой функции, чтобы установить innerHTML свойство элемента, что означает, что он не связан с цепью. С небольшим количеством подготовки вы можете сделать это возможным, хотя:

function setInnerHTML(element, content) { 
    element.innerHTML = content; 
    return element; 
} 

document.getElementsByTagName('body')[0].appendChild(setInnerHTML(document.createElement("div"), "some HTML")); 

Answer 2

document.createElement вместо createTextNode

Answer 3

Там вы много методов:

elem.innerHTML = '' // fast 
elem.appendChild()  
elem.insertAdjacentElement() //fast  
elem.insertAdjacentHTML() 
elem.insertAdjacentText() 

Answer 4

document.body.innerHTML+=document.createElement('div').outerHTML;