您的位置:首页 > Web前端 > JavaScript

javascript中insertAfter()和insertBefore()函数

2017-12-05 21:14 281 查看
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);
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息