原生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 相关文章推荐
快速保存网页中所有图片的方法
Jun 23 Javascript
给事件响应函数传参数的四种方式小结
Dec 05 Javascript
浅谈jQuery中的事件
Mar 23 Javascript
JavaScript提高性能知识点汇总
Jan 15 Javascript
JS检测页面中哪个HTML标签触发点击事件的方法
Jun 17 Javascript
localStorage实现便签小程序
Nov 28 Javascript
React实现点击删除列表中对应项
Jan 10 Javascript
node操作mysql数据库实例详解
Mar 17 Javascript
原生Aajax 和jQuery Ajax 写法个人总结
Mar 24 jQuery
创建简单的node服务器实例(分享)
Jun 23 Javascript
ajaxfileupload.js实现上传文件功能
Apr 19 Javascript
20多个小事例带你重温ES10新特性(小结)
Sep 29 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
一个ubbcode的函数,速度很快.
2006/10/09 PHP
浅析iis7.5安装配置php环境
2015/05/10 PHP
yii2分页之实现跳转到具体某页的实例代码
2016/06/02 PHP
PHP实现上传多图即时显示与即时删除的方法
2017/05/09 PHP
PHP通过文件路径获取文件名的实例代码
2018/10/14 PHP
使用pjax实现无刷新更改页面url
2015/02/05 Javascript
JQuery中节点遍历方法实例
2015/05/18 Javascript
JavaScript中的函数嵌套使用
2015/06/04 Javascript
使用AngularJS创建自定义的过滤器的方法
2015/06/18 Javascript
jquery实现可关闭的倒计时广告特效代码
2015/09/02 Javascript
JavaScript类型检测之typeof 和 instanceof 的缺陷与优化
2016/01/13 Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
2016/08/05 Javascript
浅析Jquery操作select
2016/12/13 Javascript
Javascript blur与click冲突解决办法
2017/01/09 Javascript
vue2 自定义动态组件所遇到的问题
2017/06/08 Javascript
Vue监听事件实现计数点击依次增加的方法
2018/09/26 Javascript
JSONP 的原理、理解 与 实例分析
2020/05/16 Javascript
Jquery高级应用Deferred对象原理及使用实例
2020/05/28 jQuery
[39:46]完美世界DOTA2联赛PWL S2 LBZS vs Rebirth 第二场 11.25
2020/11/25 DOTA
Python中常用操作字符串的函数与方法总结
2016/02/04 Python
python实现m3u8格式转换为mp4视频格式
2018/02/28 Python
Python 单例设计模式用法实例分析
2019/09/23 Python
python 绘制国旗的示例
2020/09/27 Python
利用CSS3制作简单的3d半透明立方体图片展示
2017/03/25 HTML / CSS
HTML5实现视频直播功能思路详解
2017/11/16 HTML / CSS
全球最大的在线旅游公司:Expedia
2017/11/16 全球购物
西班牙美妆电商:Perfume’s Club(有中文站)
2018/08/08 全球购物
编写一子程序,将一链表倒序,即使链表表尾变表头,表头变表尾
2016/02/10 面试题
linux面试题参考答案(5)
2014/09/01 面试题
日语翻译个人求职的自我评价
2013/10/14 职场文书
招聘专员岗位职责
2014/03/07 职场文书
销售个人求职信范文
2014/04/28 职场文书
拉贝日记观后感
2015/06/05 职场文书
公司员工奖惩制度
2015/08/04 职场文书
让文件路径提取变得更简单的Python Path库
2021/05/27 Python
java executor包参数处理功能 
2022/02/15 Java/Android