原生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 相关文章推荐
iphone safari不支持position fixed的解决方法
May 04 Javascript
JS中实现简单Formatter函数示例代码
Aug 19 Javascript
jQuery中live()方法用法实例
Jan 19 Javascript
详解javascript实现瀑布流列式布局
Jan 29 Javascript
jquery动态创建div与input的实例代码
Oct 12 Javascript
Vue.js 递归组件实现树形菜单(实例分享)
Dec 21 Javascript
基于JavaScript实现的顺序查找算法示例
Apr 14 Javascript
Vue 组件(component)教程之实现精美的日历方法示例
Jan 08 Javascript
Vue中控制v-for循环次数的实现方法
Sep 26 Javascript
JS实现判断数组是否包含某个元素示例
May 24 Javascript
vue 使用 vue-pdf 实现pdf在线预览的示例代码
Apr 26 Javascript
使用webpack和rollup打包组件库的方法
Feb 25 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
成本8450万,票房仅2亿,口碑两极分化,又一部DC电影扑街了
2020/04/09 欧美动漫
PHP中调用JAVA
2006/10/09 PHP
PHP与MySQL开发的8个技巧小结
2010/12/17 PHP
PHP通过API获取手机号码归属地
2015/05/28 PHP
php UNIX时间戳用法详解
2017/02/16 PHP
Laravel框架控制器的request与response用法示例
2019/09/30 PHP
使用不同的方法结合/合并两个JS数组
2014/09/18 Javascript
百度地图API之本地搜索与范围搜索
2015/07/30 Javascript
基于html5和nodejs相结合实现websocket即使通讯
2015/11/19 NodeJs
jQuery使用$.each遍历json数组的简单实现方法
2016/04/18 Javascript
Easyui Treegrid改变默认图标的方法
2016/04/29 Javascript
jquery实现拖动效果(代码分享)
2017/01/25 Javascript
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
2017/05/11 Javascript
解决LayUI表单获取不到data的问题
2018/08/20 Javascript
微信小程序和H5页面间相互跳转代码实例
2019/09/19 Javascript
JS实现星星海特效
2019/12/24 Javascript
VUE实现自身整体组件销毁的示例代码
2020/01/13 Javascript
echarts柱状图背景重叠组合而非并列的实现代码
2020/12/10 Javascript
浅谈Python类的__getitem__和__setitem__特殊方法
2016/12/25 Python
Python 通过pip安装Django详细介绍
2017/04/28 Python
python中如何使用正则表达式的集合字符示例
2017/10/09 Python
对python创建及引用动态变量名的示例讲解
2018/11/10 Python
对pyqt5中QTabWidget的相关操作详解
2019/06/21 Python
Python日期格式和字符串格式相互转换的方法
2020/02/18 Python
python with语句的原理与用法详解
2020/03/30 Python
中国电视购物:快乐购
2017/02/04 全球购物
美国户外烹饪产品购物网站:Outdoor Cooking
2020/01/10 全球购物
意大利单身交友网站:Meetic
2020/07/12 全球购物
木工主管岗位职责
2013/12/08 职场文书
优秀班集体获奖感言
2014/02/03 职场文书
军训感想500字
2014/02/20 职场文书
80后职场人的职业生涯规划
2014/03/08 职场文书
区级文明单位申报材料
2014/05/15 职场文书
员工安全生产承诺书
2014/05/22 职场文书
导游词之西江千户苗寨
2019/12/24 职场文书
python批量更改目录名/文件名的方法
2021/04/18 Python