javascript insertAfter()定义与用法示例
更新时间：2016年07月25日 08:56:56 作者：leejersey
这篇文章主要介绍了javascript insertAfter()定义与用法,实例分析了javascript节点后插入元素的实现与使用方法,需要的朋友可以参考下
本文实例讲述了javascript insertAfter()定义与用法。分享给大家供大家参考，具体如下：
HTML部分：
<div id="b">bbbbbbbbb</div> <div>dddddd</div>
JavaScript部分:
window.onload=function(){
var a =document.createElement("span");
var b =document.createTextNode("cssrain");
a.appendChild(b);
var mubiao = document.getElementById("b");
insertAfter(a,mubiao);
}
function insertAfter(newElement,targetElement) {
var parent = targetElement.parentNode;
if (parent.lastChild == targetElement) {// 如果最后的节点是目标元素，则直接添加。因为默认是最后
parent.appendChild(newElement);
} else {
parent.insertBefore(newElement,targetElement.nextSibling);//如果不是，则插入在目标元素的下一个兄弟节点的前面。也就是目标元素的后面。
}
}
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript常用函数技巧汇总》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
这篇文章主要介绍了js实现的Easy Tabs选项卡用法,以完整实例形式较为详细的分析了JavaScript鼠标事件动态操作页面元素样式的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
本文给大家介绍JS实现的笛卡尔乘积之商品发布的相关内容，涉及到js笛卡尔积算法的相关知识，本文介绍的非常详细，具有参考价值，感兴趣的朋友一起学习吧2016-05-05
下面小编就为大家带来一篇JS产生随机数的几个用法详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
小程序里图片会显示不全，这时就应该做相应的处理，使小程序里图片显示正确，这篇文章主要介绍了微信小程序实现富文本图片宽度自适应的方法，感兴趣的小伙伴们可以参考一下2019-01-01
正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。简单来说，就是按照某种规则去匹配符合条件的字符串2017-08-08
下面小编就为大家带来一篇关于javascript原型的修改与重写(覆盖)差别详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
这篇文章主要给大家介绍了关于javascript中关于类型判断的一些疑惑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-10-10
这篇文章主要介绍了JS给超链接加确认对话框的方法,涉及javascript操作对话框的技巧,需要的朋友可以参考下2015-02-02
本文给大家分享js设置ios中微信浏览器中的title的解决方法，实现原理比较简单，对js微信浏览器title相关知识感兴趣的朋友一起通过本文学习吧2016-11-11
这篇文章主要介绍了在JavaScript中实现链式调用的实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-12
最新评论