您好,欢迎来到年旅网。
搜索
您的当前位置:首页06 JavaScript DOM技术-编写insertAfter函数

06 JavaScript DOM技术-编写insertAfter函数

来源:年旅网

insertAfter函数

由于在DOM中只提供了将新建元素插入到目标元素之前的insertBefore方法,而并没有提供对应的insertAfter方法,由于将元素插入目标元素之后的情况也很常见,所以有必要由我们自己来编写insertAfter函数来弥补这个空缺。

function insertAfter(newElement,targetElement){
  var parent = targetElement.parentNode; //将目标元素的父节点属性值存入parent变量
  if(parent.lastChild == targetElement){ //判断目标元素是否为parent的最后一个子元素
    parent.appendChild(newElement); //如果为parent最后的子元素,则将新元素直接插入parent元素中
  }else{
    parent.insertBefore(newElement,targetElement.nextSibling); //否则将新元素插入到目标元素的下一个兄弟元素之前
  }
}

//调用函数
insertAfter(newElement,targetElement);

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- oldu.cn 版权所有 浙ICP备2024123271号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务