JavaScript缺少insertAfter解决方案
在现有的方法后插入一个新元素，你可能会想：既然有insertBefore方法，是不是也有一个相应的insertAfter()方法。很可惜，DOM没有提供方法。
下面编写insertAfter函数，虽然DOM本身没有提供，但它确实提供了一个把一个节点插入到另一个节点之后所有工具。我们完全可以利用已有的DOM方法和属性编写一个insertAfter函数：
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title></head><body>
在现有的方法后插入一个新元素，你可能会想：既然有insertBefore方法，是不是也有一个相应的insertAfter()方法。很可惜，DOM没有提供方法。下面编写insertAfter函数，虽然DOM本身没有提供，但它确实提供了一个把一个节点插入到另一个节点之后所有工具。我们完全可以利用已有的DOM方法和属性编写一个insertAfter函数：
<ul> <li>1</li> <li>2</li> <li>3</li></ul><script> function insertAfter(newElement,targetElement){ var parent = targetElement.parentNode; if(parent.lastChild == targetElement){ parent.appendChild(newElement); }else{ parent.insertBefore(newElement,targetElement.nextSibling); } } var p = document.createElement(’p’); var txt = document.createTextNode(’我是新插入的节点’); p.appendChild(txt); var lis = document.getElementsByTagName(’li’); //insertAfter(p,lis[0])</script></body></html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持好吧啦网。
相关文章：
1. Python unittest生成测试报告过程解析2. python matplotlib工具栏源码探析二之添加、删除内置工具项的案例3. php去掉数组的第一个值的两个函数:array_shift、array_splice4. CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera5. 如何基于python3和Vue实现AES数据加密6. Docker暴露2375端口导致服务器被攻击问题及解决方法7. Django-simple-captcha验证码包使用方法详解8. CSS3实例分享之多重背景的实现(Multiple backgrounds)9. 用PHP读取和编写XML DOM10. 解决VUE项目使用Element-ui 下拉组件的验证失效问题
网公网安备