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()。