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 相关文章推荐
将函数的实际参数转换成数组的方法
Jan 25 Javascript
url地址自动加#号问题说明
Aug 21 Javascript
基于jquery DOM写的类似微博发布的效果
Oct 20 Javascript
jquery获取复选框被选中的值
Mar 22 Javascript
JavaScript过滤字符串中的中文与空格方法汇总
Mar 07 Javascript
Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
Jun 07 Javascript
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
Jul 22 Javascript
JavaScript实现图片瀑布流和底部刷新
Jan 02 Javascript
Bootstrap表单使用方法详解
Feb 17 Javascript
arcgis for js栅格图层叠加(Raster Layer)问题
Nov 22 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
Aug 21 Javascript
vue+高德地图实现地图搜索及点击定位操作
Sep 09 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
人大复印资料处理程序_补充篇
2006/10/09 PHP
mysql5写入和读出乱码解决
2006/11/25 PHP
PHP截取指定图片大小的方法
2014/12/10 PHP
Yii视图操作之自定义分页实现方法
2016/07/14 PHP
Jquery拖拽并简单保存的实现代码
2010/11/28 Javascript
使用JavaScript构建JSON格式字符串实现步骤
2013/03/22 Javascript
Jquery中ajax方法data参数的用法小结
2014/02/12 Javascript
javascript使用smipleChart实现简单图表
2015/01/02 Javascript
详解js私有作用域中创建特权方法
2016/01/25 Javascript
Node.js编写组件的三种实现方式
2016/02/25 Javascript
深入理解js数组的sort排序
2016/05/28 Javascript
AngularJS表格详解及示例代码
2016/08/17 Javascript
原生Aajax 和jQuery Ajax 写法个人总结
2017/03/24 jQuery
AngularJS常见过滤器用法实例总结
2017/07/06 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
2017/09/25 Javascript
使用ef6创建oracle数据库的实体模型遇到的问题及解决方案
2017/11/09 Javascript
使用Vue.js和Flask来构建一个单页的App的示例
2018/03/21 Javascript
angular4中*ngFor不能对返回来的对象进行循环的解决方法
2018/09/12 Javascript
详解JQuery基础动画操作
2019/04/12 jQuery
使用layui的layer组件做弹出层的例子
2019/09/27 Javascript
javascript设计模式 ? 中介者模式原理与用法实例分析
2020/04/20 Javascript
Python算法之栈(stack)的实现
2014/08/18 Python
简单介绍Python中的struct模块
2015/04/28 Python
Python 爬虫学习笔记之单线程爬虫
2016/09/21 Python
Python错误: SyntaxError: Non-ASCII character解决办法
2017/06/08 Python
python3实现公众号每日定时发送日报和图片
2018/02/24 Python
Tensorflow实现卷积神经网络的详细代码
2018/05/24 Python
python pandas.DataFrame选取、修改数据最好用.loc,.iloc,.ix实现
2018/06/11 Python
基于python的socket实现单机五子棋到双人对战
2020/03/24 Python
为什么从Python 3.6开始字典有序并效率更高
2019/07/15 Python
英国儿童图书网站:Scholastic
2017/03/26 全球购物
英国剑桥包中文官网:The Cambridge Satchel Company中国
2018/11/06 全球购物
保险专业大专生求职信
2013/10/26 职场文书
运动会广播稿400字
2014/01/25 职场文书
班主任对学生的评语
2014/04/26 职场文书
2015年团队工作总结范文
2015/05/04 职场文书