添加到沒有jQuery的DOM

Question

這應該很簡單，但事實並非如此。

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

它創建爲文本節點。我怎麼做，所以我只需添加沒有jQuery的HTML？

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;