2019-06-11 dom操作
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
网友评论