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方法

Answer 3

使用insertBefore()：

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

el.parentNode.insertBefore(newElement, el); 

參考：

• Node.insertBefore()。