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