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]);