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 相关文章推荐
用js做一个小游戏平台 (一)
Dec 29 Javascript
textarea 控制输入字符字节数(示例代码)
Dec 27 Javascript
在JavaScript中使用NaN值的方法
Jun 05 Javascript
JQuery解析XML数据的几个简单实例
May 18 Javascript
H5移动端适配 Flexible方案
Oct 24 Javascript
JS设置手机验证码60s等待实现代码
Jun 14 Javascript
理解javascript async的用法
Aug 22 Javascript
在React 组件中使用Echarts的示例代码
Nov 08 Javascript
35个最好用的Vue开源库(史上最全)
Jan 03 Javascript
vue实现新闻展示页的步骤详解
Apr 11 Javascript
微信小程序的线程架构【推荐】
May 14 Javascript
通过GASP让vue实现动态效果实例代码详解
Nov 24 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出现Cannot modify header information问题的解决方法大全
2008/04/09 PHP
php中使用in_array() foreach array_search() 查找数组是否包含时的性能对比
2015/04/14 PHP
PHP经典实用正则表达式小结
2017/05/04 PHP
php 判断IP为有效IP地址的方法
2018/01/28 PHP
PHP实现八皇后算法
2019/05/06 PHP
可输入的下拉框
2006/06/19 Javascript
JavaScript 实现模态对话框 源代码大全
2009/05/02 Javascript
JS定时器实例
2013/04/17 Javascript
总结Javascript中的隐式类型转换
2016/08/24 Javascript
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
2017/04/24 Javascript
JS获取填报扩展单元格控件的值的解决办法
2017/07/14 Javascript
判断jQuery是否加载完成,没完成继续判断的解决方法
2017/12/06 jQuery
boostrap模态框二次弹出清空原有内容的方法
2018/08/10 Javascript
vue 巧用过渡效果(小结)
2018/09/22 Javascript
js对象数组和对象的使用实例详解
2019/08/27 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
2019/09/23 Javascript
[02:46]完美世界DOTA2联赛PWL DAY4集锦
2020/11/03 DOTA
[32:47]完美世界DOTA2联赛 GXR vs IO 第二场 11.07
2020/11/09 DOTA
Python Tkinter GUI编程入门介绍
2015/03/10 Python
以一个投票程序的实例来讲解Python的Django框架使用
2016/02/18 Python
Python3 适合初学者学习的银行账户登录系统实例
2017/08/08 Python
Python编程实现二分法和牛顿迭代法求平方根代码
2017/12/04 Python
Django 使用logging打印日志的实例
2018/04/28 Python
python中数组和矩阵乘法及使用总结(推荐)
2019/05/18 Python
python取均匀不重复的随机数方式
2019/11/27 Python
python3 使用traceback定位异常实例
2020/03/09 Python
python语音识别指南终极版(有这一篇足矣)
2020/09/09 Python
用css3实现转换过渡和动画效果
2020/03/13 HTML / CSS
PHP开发工程师面试问题集锦
2012/11/01 面试题
幼儿园中班上学期评语
2014/04/18 职场文书
大班亲子运动会方案
2014/06/10 职场文书
民族学专业大学生职业规划范文:清晰未来的构想
2014/09/20 职场文书
婚内房产协议书范本
2014/10/02 职场文书
四风问题对照检查材料思想汇报
2014/10/07 职场文书
SpringMVC 整合SSM框架详解
2021/08/30 Java/Android
mysql中整数数据类型tinyint详解
2021/12/06 MySQL