深入浅出 Greasemonkey

教老网络学新把戏

4.8. 在元素后插入内容

如果已找到某个元素，您想在它后面插入额外的内容。您也可以使用 insertBefore 函数，要与 nextSibling 属性联合使用。

例 4.11. 在导航条后面插入 `<hr>`

假设有个元素的 ID 为 "navbar"。

var navbar, newElement;
navbar = document.getElementById('navbar');
if (navbar) {
	newElement = document.createElement('hr');
	navbar.parentNode.insertBefore(newElement, navbar.nextSibling);
}

即使 someExistingElement 是它的父元素的最后一个孩子(在它之后没有下一个元素)，仍然可以在 someExistingElement.nextSibling 之前插入新内容。在这种情况下，someExistingElement.nextSibling 将返回一个空值，insertBefore 函数将把新内容追加到最后。(以许这对你来说没有太大意义，但我想让您知道的是，尽管这种方法似乎是不太对，但它却总是有效的。)

实例

← 在元素前插入内容

删除元素 →