Javascript 不带jQuery的prepend?

Javascript 不带jQuery的prepend?,javascript,jquery,Javascript,Jquery,如果不使用jQuery,我如何编写这篇文章 $('body').prepend('<div id="idC" style="display: none;" class=""><div id="idA">' + titelN + '</div></div>'); $('body')。前缀(“”+titelN+“”); 存在,但在较旧的FF版本中不起作用: document.body.insertAdjacentHTML('afterbegin',

如果不使用jQuery,我如何编写这篇文章

$('body').prepend('<div id="idC" style="display: none;" class=""><div id="idA">' + titelN + '</div></div>');
$('body')。前缀(“”+titelN+“”);
存在,但在较旧的FF版本中不起作用:

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

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

createElement引用:
插入前参考:
附录子参考:

以下代码适用于所有浏览器。多尝试,多学习

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

我认为这个问题本身就是一个问题。它与标记为“复制”的版本只有轻微的“关联”(标记的答案与此版本不符。实际上,它在大多数浏览器的旧版本中不起作用……但它们确实是旧版本(请参见);)-它现在也是HTML5标准。然而,如果这确实令人担忧,那么不要害怕坚持使用jQuery——这正是它的用途。