javascript insertAfter()定义与用法示例


Posted in Javascript onJuly 25, 2016

本文实例讲述了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数组快速打乱重排的方法
Jan 02 Javascript
JavaScript控制按钮可用或不可用的方法
Apr 03 Javascript
深入学习JavaScript对象
Oct 13 Javascript
jQuery内存泄露解决办法
Dec 13 Javascript
原生JS封装_new函数实现new关键字的功能
Aug 12 Javascript
this在vue和小程序中的使用详解
Jan 28 Javascript
elementUI select组件默认选中效果实现的方法
Mar 25 Javascript
微信小程序云开发之使用云存储
May 17 Javascript
Angular8引入百度Echarts进行图表分析的实现代码
Nov 27 Javascript
vue-resourc发起异步请求的方法
Feb 11 Javascript
vue瀑布流组件实现上拉加载更多
Mar 10 Javascript
在vscode 中设置 vue模板内容的方法
Sep 02 Javascript
jquery之别踩白块游戏的简单实现
Jul 25 #Javascript
JavaScript禁止用户多次提交的两种方法
Jul 24 #Javascript
JavaScript表单焦点自动切换代码
Jul 24 #Javascript
javascript中sort排序实例详解
Jul 24 #Javascript
深入理解javascript作用域第二篇之词法作用域和动态作用域
Jul 24 #Javascript
关于input全选反选恶心的异常情况
Jul 24 #Javascript
JS中的==运算: [''] == false —&gt;true
Jul 24 #Javascript
You might like
一道关于php变量引用的面试题
2010/08/08 PHP
windows下开发并编译PHP扩展的方法
2011/03/18 PHP
php获取本周星期一具体日期的方法
2015/04/20 PHP
android上传图片到PHP的过程详解
2015/08/03 PHP
php5.4传引用时报错问题分析
2016/01/22 PHP
PHP实现在数据库百万条数据中随机获取20条记录的方法
2017/04/19 PHP
PHP使用第三方即时获取物流动态实例详解
2017/04/27 PHP
非常不错的一个javascript 类
2006/11/07 Javascript
js 省地市级联选择
2010/02/07 Javascript
js获取客户端网卡的IP地址、MAC地址
2014/03/26 Javascript
原生JS实现仿淘宝网左侧商品分类菜单效果代码
2015/09/10 Javascript
使用jquery动态加载Js文件和Css文件
2015/10/24 Javascript
JS实现左右无缝轮播图代码
2016/05/01 Javascript
JavaScript 字符串常用操作小结(非常实用)
2016/11/30 Javascript
简单好用的nodejs 爬虫框架分享
2017/03/26 NodeJs
vue父组件向子组件动态传值的两种方法
2017/11/11 Javascript
初识 Vue.js 中的 *.Vue文件
2017/11/22 Javascript
[46:20]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
对python中return和print的一些理解
2017/08/18 Python
python基础教程项目五之虚拟茶话会
2018/04/02 Python
python打包压缩、读取指定目录下的指定类型文件
2018/04/12 Python
python xpath获取页面注释的方法
2019/01/14 Python
解决pycharm下os.system执行命令返回有中文乱码的问题
2019/07/07 Python
Python Tornado实现WEB服务器Socket服务器共存并实现交互的方法
2020/05/26 Python
keras 读取多标签图像数据方式
2020/06/12 Python
英国Zoro工具:手动工具,电动工具和个人防护用品
2016/11/02 全球购物
高中生学习生活的自我评价
2013/11/27 职场文书
车祸赔偿收入证明
2014/01/09 职场文书
策划创业计划书
2014/02/06 职场文书
保洁公司服务承诺书
2014/05/28 职场文书
煤矿安全生产标语
2014/06/06 职场文书
会计学专业求职信
2014/07/17 职场文书
学用政策心得体会
2014/09/10 职场文书
2014年幼儿园国庆主题活动方案
2014/09/16 职场文书
Python包管理工具pip的15 个使用小技巧
2021/05/17 Python
Java线程的6种状态与生命周期
2022/05/11 Java/Android