prepend沒有jQuery？

Question

如何在不使用jQuery的情況下編寫此代碼？

$('body').prepend('<div id="idC" style="display: none;" class=""><div id="idA">' + titelN + '</div></div>'); 

Answer 1

還有就是insertAdjacentHTML method，但它並沒有在老年FF版本一起使用：

document.body.insertAdjacentHTML('afterbegin', '<div id="idC" style="display: none;" class=""><div id="idA">' + titelN + '</div></div>'); 

Answer 2

你應該先學會如何不使用任何庫中創建一個元素。基本上，有一些方法可以爲文檔創建元素並附加元素。它們是createElement,insertBefore,appendChild。

的createElement裁判：http://www.w3schools.com/jsref/met_document_createelement.asp
的insertBefore裁判：http://www.w3schools.com/jsref/met_node_insertbefore.asp
的appendChild裁判：http://www.w3schools.com/jsref/met_node_appendChild.asp

下面的代碼應該爲所有瀏覽器上運行。嘗試更多，瞭解更多。

var parent = document.createElement("div"); 
parent.id = "idC"; 
parent.style.display = "none"; 

var child = document.createElement("div"); 
child.id = "idA"; 
child.innerHTML = titelN; 
parent.appendChild(child); 

document.body.insertBefore(parent,document.body.childNodes[0]);