prepend没有jQuery？

Question

如何在不使用jQuery的情况下编写此内容？

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

Answer 1

首先应该学习如何在不使用任何库的情况下创建元素。基本上，有一些方法可以创建元素并将元素追加到文档中。它们是createElement，insertBefore，appendChild。

createElement ref：http://www.w3schools.com/jsref/met_document_createelement.asp
insertBefore ref：http://www.w3schools.com/jsref/met_node_insertbefore.asp
appendChild ref：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]);

Answer 2

有insertAdjacentHTML method，但它在较旧的FF版本中不起作用：

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