我正在用 JavaScript 编写一个简单的手风琴。
我需要在 DOM 中的另一个元素之前放置一个元素。我知道我可以使用 jQuery 的 insertBefore 来做到这一点,但我不熟悉如何只使用 JavaScript 来做到这一点。
任何帮助表示赞赏。
我正在用 JavaScript 编写一个简单的手风琴。
我需要在 DOM 中的另一个元素之前放置一个元素。我知道我可以使用 jQuery 的 insertBefore 来做到这一点,但我不熟悉如何只使用 JavaScript 来做到这一点。
任何帮助表示赞赏。
本机 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/
使用insertBefore()
:
var el = document.getElementById('elementID'),
newElement = document.createElement('div');
el.parentNode.insertBefore(newElement, el);
参考:
您可以使用insertBefore方法