原生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 相关文章推荐
JS记录用户登录次数实现代码
Jan 15 Javascript
使用AngularJS和PHP的Laravel实现单页评论的方法
Jun 19 Javascript
使用AmplifyJS组件配合JavaScript进行编程的指南
Jul 28 Javascript
JavaScript函数内部属性和函数方法实例详解
Mar 17 Javascript
简单谈谈原生js的math对象
Jun 27 Javascript
VUE利用vuex模拟实现新闻点赞功能实例
Jun 28 Javascript
AngularJS2 与 D3.js集成实现自定义可视化的方法
Dec 01 Javascript
vue项目关闭eslint校验
Mar 21 Javascript
Javasript设计模式之链式调用详解
Apr 26 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
Dec 25 Javascript
js中Function引用类型常见有用的方法和属性详解
Dec 11 Javascript
浅谈实现在线预览PDF的几种解决办法
Aug 10 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
PHP生成UTF8文件的方法
2010/05/15 PHP
javascript some()函数用法详解
2014/11/13 PHP
php实现微信公众号主动推送消息
2015/12/31 PHP
PHP使用PDO 连接与连接管理操作实例分析
2020/04/21 PHP
jQuery弹出层插件简化版代码下载
2008/10/16 Javascript
JQuery each()函数如何优化循环DOM结构的性能
2012/12/10 Javascript
往光标所在位置插入值的js代码
2013/09/22 Javascript
Javascript中各种trim的实现详细解析
2013/12/10 Javascript
JS+CSS实现TreeMenu二级树形菜单完整实例
2015/09/18 Javascript
跟我学习javascript的for循环和for...in循环
2015/11/18 Javascript
JS只能输入正整数的简单实例
2016/10/07 Javascript
js实现带缓动动画的导航栏效果
2017/01/16 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
2017/04/07 jQuery
Sublime Text新建.vue模板并高亮(图文教程)
2017/10/26 Javascript
vue 巧用过渡效果(小结)
2018/09/22 Javascript
nodejs基础之buffer缓冲区用法分析
2018/12/26 NodeJs
Javascript摸拟自由落体与上抛运动原理与实现方法详解
2020/04/08 Javascript
python读取json文件并将数据插入到mongodb的方法
2015/03/23 Python
Python实现感知机(PLA)算法
2017/12/20 Python
django从请求到响应的过程深入讲解
2018/08/01 Python
对python修改xml文件的节点值方法详解
2018/12/24 Python
python Manager 之dict KeyError问题的解决
2019/12/21 Python
Windows 下更改 jupyterlab 默认启动位置的教程详解
2020/05/18 Python
Python列表推导式实现代码实例
2020/09/09 Python
Python3如何使用range函数替代xrange函数
2020/10/05 Python
移动端Web页面的CSS3 flex布局快速上手指南
2016/05/31 HTML / CSS
端口镜像是怎么实现的
2014/03/25 面试题
幼儿园保育员辞职信
2014/01/12 职场文书
银行员工辞职信范文
2014/01/20 职场文书
实习生岗位职责
2014/04/12 职场文书
党员评议表自我评价范文
2014/10/20 职场文书
2014年财务部工作总结
2014/11/11 职场文书
大学生学年个人总结
2015/02/15 职场文书
2016党员学习《反对自由主义》心得体会
2016/01/22 职场文书
Redis如何一键部署脚本
2021/04/12 Redis
你喜欢篮球吗?Python实现篮球游戏
2021/06/11 Python