javascript - jQueryの前のJavaScriptバージョン

Question

JavaScriptだけで簡単なアコーディオンを書いています。

DOM 内の別の要素の前に要素を配置する必要があります。jQuery の insertBefore でこれを実行できることは知っていますが、JavaScript だけを使用してそれを実行する方法に慣れていません。

どんな助けでも大歓迎です。

Answer 1

ネイティブ API には.insertBeforeメソッドがあります。挿入したい要素と、前に挿入したい要素を渡します。

// Create a new textNode, get reference to container
var foo = document.createTextNode("Foo"),
    div = document.getElementById("foo");

// Insert new textNode before container's firstChild
div.insertBefore(foo, div.firstChild);

フィドル: http://jsfiddle.net/jonathansampson/rn5pa/

Answer 2

使用insertBefore():

var el = document.getElementById('elementID'),
    newElement = document.createElement('div');

el.parentNode.insertBefore(newElement, el);

参照：

• Node.insertBefore().

Answer 3

insertBeforeメソッドを使用できます