美文网首页
2019-06-11 dom操作

2019-06-11 dom操作

作者: DreamNeverDie | 来源:发表于2019-06-11 09:36 被阅读0次
1. 插入兄弟节点

function insertAfter(newElement, targetElement){
    var parent = targetElement.parentNode;
    if (parent.lastChild == targetElement) {
        // 如果最后的节点是目标元素,则直接添加。因为默认是最后
        parent.appendChild(newElement);
    } else {
        parent.insertBefore(newElement, targetElement.nextSibling);
        //如果不是,则插入在目标元素的下一个兄弟节点 的前面。也就是目标元素的后面
    }

2. 获取元素在兄弟节点中的位置索引
function nodeIndex(ele){
    var node = ele
    if(node) {
    index = 0;
    while(node = node.previousSibling) {
        if(node.nodeType == 1) index++;
    }
        return index
    }
}

相关文章

网友评论

      本文标题:2019-06-11 dom操作

      本文链接:https://www.haomeiwen.com/subject/tmhffctx.html