javascript - 没有 jQuery 的情况下添加前缀？

Question

这个问题已经有答案了:

奥 git _a (7 个回答)

已关闭 10 年前。

如何在不使用 jQuery 的情况下编写此代码？

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

Answer 1

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

创建元素引用:http://www.w3schools.com/jsref/met_document_createelement.asp
insertBefore 引用:http://www.w3schools.com/jsref/met_node_insertbefore.asp
附加子引用: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]);