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

Question

我如何在不使用 jQuery 的情况下编写它？

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

Answer 1

您应该首先学习如何在不使用任何库的情况下创建元素。基本上，有一些方法可以让您创建元素并将元素附加到文档中。它们是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]);

Answer 2

有insertAdjacentHTML方法，但在旧的FF版本中不起作用：

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