原生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的智能提示插件一枚
Feb 18 Javascript
jQuery中siblings()方法用法实例
Jan 08 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
May 14 Javascript
jQuery实现点击按钮弹出可关闭层的浮动层插件
Sep 19 Javascript
Javascript基于AJAX回调函数传递参数实例分析
Dec 15 Javascript
深入分析jQuery的ready函数是如何工作的(工作原理)
Dec 17 Javascript
通过Tabs方法基于easyUI+bootstrap制作工作站
Mar 28 Javascript
VUE页面中加载外部HTML的示例代码
Sep 20 Javascript
angularjs中$http异步上传Excel文件方法
Feb 23 Javascript
vue-cli构建项目下使用微信分享功能
May 28 Javascript
JavaScript如何实现元素全排列实例代码
May 14 Javascript
JavaScript中时间格式化新思路toLocaleString()
Nov 07 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
预告映像公开!第1章续篇剧场版动画《Princess Principal Crown Handler》4月10日上映!
2020/03/06 日漫
修改PHP的memory_limit限制的方法分享
2012/02/21 PHP
php操作XML、读取数据和写入数据的实现代码
2014/08/15 PHP
PHP链接MySQL的常用扩展函数
2014/10/23 PHP
java微信开发之上传下载多媒体文件
2016/06/24 PHP
解决laravel session失效的问题
2019/10/14 PHP
JS模拟多线程
2007/02/07 Javascript
js 利用image对象实现图片的预加载提高访问速度
2013/03/29 Javascript
通过jquery 获取URL参数并进行转码
2014/08/18 Javascript
node.js中的fs.fsyncSync方法使用说明
2014/12/15 Javascript
JavaScript6 let 新语法优势介绍
2016/07/15 Javascript
JavaScript数据类型转换的注意事项
2016/07/31 Javascript
js中如何完美的解析数据
2018/03/18 Javascript
VUE v-for循环中每个item节点动态绑定不同函数的实例
2018/09/26 Javascript
如何通过Proxy实现JSBridge模块化封装
2020/10/22 Javascript
Python实现计算最小编辑距离
2016/03/17 Python
Python实现多线程HTTP下载器示例
2017/02/11 Python
python使用Pycharm创建一个Django项目
2018/03/05 Python
使用python生成杨辉三角形的示例代码
2018/08/29 Python
python使用matplotlib模块绘制多条折线图、散点图
2020/04/26 Python
Python实现点阵字体读取与转换的方法
2019/01/29 Python
python实现WebSocket服务端过程解析
2019/10/18 Python
django前端页面下拉选择框默认值设置方式
2020/08/09 Python
Python通过fnmatch模块实现文件名匹配
2020/09/30 Python
python爬虫爬取某网站视频的示例代码
2021/02/20 Python
Made in Design英国:设计家具、照明、家庭装饰和花园家具
2019/09/24 全球购物
土木工程个人自荐信范文
2013/11/30 职场文书
幼儿园运动会加油词
2014/02/14 职场文书
小学生竞选班长演讲稿
2014/04/24 职场文书
公路局群众路线教育实践活动第一阶段工作汇报
2014/10/25 职场文书
2015年法制宣传月活动总结
2015/03/26 职场文书
2015年学校关工委工作总结
2015/04/03 职场文书
运动会观后感
2015/06/09 职场文书
2016大学生暑期社会实践心得体会
2016/01/14 职场文书
vue项目如何打包之项目打包优化(让打包的js文件变小)
2022/04/30 Vue.js
css样式important规则的正确使用方式
2022/06/10 HTML / CSS