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 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メソッドがありますが、古い FF バージョンでは機能しません。

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