原生js实现给指定元素的后面追加内容


Posted in Javascript onApril 10, 2013
var header1 = document.getElementById("header"); 
var p = document.createElement("p"); // 创建一个元素节点 
insertAfter(p,header1); // 因为js没有直接追加到指定元素后面的方法 所以要自己创建一个方法 
function insertAfter( newElement, targetElement ){ // newElement是要追加的元素 targetElement 是指定元素的位置 
var parent = targetElement.parentNode; // 找到指定元素的父节点 
if( parent.lastChild == targetElement ){ // 判断指定元素的是否是节点中的最后一个位置 如果是的话就直接使用appendChild方法 
parent.appendChild( newElement, targetElement ); 
}else{ 
parent.insertBefore( newElement, targetElement.nextSibling ); 
}; 
};
Javascript 相关文章推荐
解析arp病毒背后利用的Javascript技术附解密方法
Aug 06 Javascript
在IE上直接编辑网页内容的js代码(IE地址栏js)
Apr 27 Javascript
chrome浏览器如何断点调试异步加载的JS
Sep 05 Javascript
Bootstrap警告(Alerts)的实现方法
Mar 22 Javascript
原生js实现简单的链式操作
Jul 04 Javascript
深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
Jul 26 Javascript
浅谈JS中的常用选择器及属性、方法的调用
Jul 28 Javascript
详解Node中导入模块require和import的区别
Aug 11 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
Mar 26 Javascript
浅谈JavaScript 代码整洁之道
Oct 23 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
Jul 31 Javascript
js基础语法与maven项目配置教程案例
Jul 15 Javascript
图片无缝滚动代码(向左/向下/向上)
Apr 10 #Javascript
裁剪字符串trim()自定义改进版
Apr 10 #Javascript
关于JS管理作用域的问题
Apr 10 #Javascript
js异常捕获方法介绍
Apr 10 #Javascript
Javascript 中 null、NaN和undefined的区别总结
Apr 10 #Javascript
关于IE BUG与字符串截取substr的解决办法
Apr 10 #Javascript
javascipt基础内容--需要注意的细节
Apr 10 #Javascript
You might like
用mysql触发器自动更新memcache的实现代码
2009/10/11 PHP
PHP判断变量是否为0的方法
2014/02/08 PHP
简单实现php上传文件功能
2017/09/21 PHP
js跨域和ajax 跨域问题的实现思路
2009/09/05 Javascript
基于jquery的二级联动菜单实现代码
2011/04/25 Javascript
Javascript面向对象扩展库代码分享
2012/03/27 Javascript
iframe 上下滚动条如何默认在下方实现原理
2012/12/10 Javascript
iPhone手机上搭建nodejs服务器步骤方法
2015/07/06 NodeJs
js实现仿爱微网两级导航菜单效果代码
2015/08/31 Javascript
巧用jQuery选择器提高写表单效率的方法
2016/08/19 Javascript
js仿百度音乐全选操作
2017/01/13 Javascript
JavaScript函数节流和函数防抖之间的区别
2017/02/15 Javascript
微信小程序 页面跳转及数据传递详解
2017/03/14 Javascript
Angular2自定义分页组件
2017/04/19 Javascript
Node.js pipe实现源码解析
2017/08/12 Javascript
nodejs各种姿势断点调试的方法
2020/06/18 NodeJs
使用Python的Twisted框架实现一个简单的服务器
2015/04/16 Python
Perl中著名的Schwartzian转换问题解决实现
2015/06/02 Python
深入解析Python中的变量和赋值运算符
2015/10/12 Python
Python3 XML 获取雅虎天气的实现方法
2018/02/01 Python
Python图像处理模块ndimage用法实例分析
2019/09/05 Python
Django-migrate报错问题解决方案
2020/04/21 Python
Django实现文章详情页面跳转代码实例
2020/09/16 Python
细说NumPy数组的四种乘法的使用
2020/12/18 Python
python实现简单猜单词游戏
2020/12/24 Python
新英格兰最大的特色礼品连锁店:The Paper Store
2018/07/23 全球购物
英国现代家具和照明购物网站:Heal’s
2019/10/30 全球购物
不服从上级领导安排的检讨书
2014/09/14 职场文书
房屋所有权证明
2014/10/20 职场文书
2014年合同管理工作总结
2014/12/02 职场文书
小学一年级数学教学计划
2015/01/20 职场文书
小学教师个人总结
2015/02/05 职场文书
项目经理助理岗位职责
2015/04/13 职场文书
2015年资料员工作总结
2015/04/25 职场文书
大学生如何逃脱“毕业季创业队即散伙”魔咒?
2019/08/19 职场文书
Java网络编程之UDP实现原理解析
2021/09/04 Java/Android