原生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 相关文章推荐
jQuery客户端分页实例代码
Nov 18 Javascript
Flex通过JS获取客户端IP和计算机名的实例代码
Nov 21 Javascript
VS2008中使用JavaScript调用WebServices
Dec 18 Javascript
JS表的模拟方法
Feb 05 Javascript
jQuery实现渐变弹出层和弹出菜单的方法
Feb 20 Javascript
javascript实现checkbox复选框实例代码
Jan 10 Javascript
js验证框架实现代码分享
May 18 Javascript
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
Sep 22 Javascript
在JS循环中使用async/await的方法
Oct 12 Javascript
vue自定义指令的创建和使用方法实例分析
Dec 04 Javascript
Node.js 进程平滑离场剖析小结
Jan 24 Javascript
微信小程序实现点击效果
Jun 21 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
web方式ftp
2006/10/09 PHP
PHP4实际应用经验篇(2)
2006/10/09 PHP
php set_time_limit()函数的使用详解
2013/06/05 PHP
PHP使用GETDATE获取当前日期时间作为一个关联数组的方法
2015/03/19 PHP
PHP 将数组打乱 shuffle函数的用法及简单实例
2016/06/17 PHP
在laravel5.2中实现点击用户头像更改头像的方法
2019/10/14 PHP
ExtJS 2.0实用简明教程 之Ext类库简介
2009/04/29 Javascript
JavaScript获取当前页面上的指定对象示例代码
2014/02/28 Javascript
JavaScript弹出窗口方法汇总
2014/08/12 Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
2017/02/23 Javascript
vue父子组件的嵌套的示例代码
2017/09/08 Javascript
JavaScrip关于创建常量的知识点
2017/12/07 Javascript
JavaScript生成指定范围的时间列表
2018/03/19 Javascript
Vue验证码60秒倒计时功能简单实例代码
2018/06/22 Javascript
JavaScript实现点击出现图片并统计点击次数功能示例
2018/07/23 Javascript
vue axios 简单封装以及思考
2018/10/09 Javascript
Python中zfill()方法的使用教程
2015/05/20 Python
详解Django框架中用context来解析模板的方法
2015/07/20 Python
Python使用中文正则表达式匹配指定中文字符串的方法示例
2017/01/20 Python
执行Python程序时模块报错问题
2020/03/26 Python
python中导入 train_test_split提示错误的解决
2020/06/19 Python
Python3爬虫里关于Splash负载均衡配置详解
2020/07/10 Python
Python爬虫实例——scrapy框架爬取拉勾网招聘信息
2020/07/14 Python
HTML5调用手机发短信和打电话功能
2020/04/29 HTML / CSS
德国鞋子网上商店:Omoda.de
2017/03/31 全球购物
德国自行车商店:Tretwerk
2019/06/21 全球购物
软件测试面试题
2014/01/05 面试题
95%的面试官都会问到的50道Java线程题,附答案
2012/08/03 面试题
咖啡店的创业计划书,让你hold不住
2014/01/03 职场文书
遥感技术与仪器求职信
2014/02/22 职场文书
联欢晚会主持词
2014/03/25 职场文书
班主任经验交流会主持词
2014/04/01 职场文书
工地食品安全责任书
2015/05/09 职场文书
python 统计代码耗时的几种方法分享
2021/04/02 Python
剑指Offer之Java算法习题精讲二叉树专项训练
2022/03/21 Java/Android
MySQL transaction事务安全示例讲解
2022/06/21 MySQL