JS之把节点插在另一个节点之后

DOM编程艺术第七章动态创建标记

当HTML文件中有元素仅仅是为了一个函数脚本服务，那么用DOM方法来创建它们才是最合适的选择。
因为当有的浏览器不支持或禁用DOM，则可以平稳退化。
当然具体原因具体分析。

insertAfter

insertAfter|由于DOM没有提供这种方法，所以可以自己编写。

// 把节点插在另一个节点之后
function insertAfter(newElement, targetElement) {
    var parent = targetElement.parentNode;
    if (parent.lastChild == targetElement) {
        parent.appendChild(newElement);
    } else {
        parent.insertBefore(newElement, targetElement.nextSibling);
    }
}

方法

用到的方法	解释
appendChild	添加子节点
insertBefore	把节点插在另一个节点之前

属性

用到的属性	解释
nextSibing	下一个兄弟节点
parentNode	父节点
lastChild	最后一个孩子节点