javascript中insertAfter()和insertBefore()函数

insertBefore()函数用法:
新元素:你想插入的元素(newElement)
目标元素:你想把这个元素插入到哪个元素(targetElement)
父元素:目标元素的父元素(parentELement)

parentELement.insertBefore(newElement, targetElement)
//利用js提供的insertBefore及过滤器nextSibling\parentNode等

function insertAfter(newElement, targetElement) {
    var parent = targetElement.parentNode;
    //如果要插入的目标元素是其父元素的最后一个元素节点,直接插入该元素
    //否则,在目标元素的下一个兄弟元素之前插入
    if (parent.lastChild == targetElement) {
        parent.appendChild(targetElement);
    } else {
        parent.insertBefore(newElement, targetElement.nextSibling);
    }
}

你可能感兴趣的:(Javascript,JS编程艺术读书笔记)