原生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 相关文章推荐
javascript之锁定表格栏位
Jun 29 Javascript
javascript据option的value值快速设定初始的selected选项
Aug 13 Javascript
javascript实现跳转菜单的具体方法
Jul 05 Javascript
总结JavaScript中布尔操作符||与&&的使用技巧
Nov 17 Javascript
利用Jquery队列实现根据输入数量显示的动画
Sep 01 Javascript
Bootstrap基本模板的使用和理解1
Dec 14 Javascript
HTML页面定时跳转方法解析(2种任选)
Dec 22 Javascript
node.js发送邮件email的方法详解
Jan 06 Javascript
Node.js 获取微信JS-SDK CONFIG的方法示例
May 21 Javascript
JS立即执行的匿名函数用法分析
Nov 04 Javascript
实例讲解JavaScript 计时事件
Jul 04 Javascript
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
Sep 08 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中常量,变量的作用域和生存周期
2013/08/10 PHP
WordPress中Gravatar头像缓存到本地及相关优化的技巧
2015/12/19 PHP
利用PHP访问带有密码的Redis方法示例
2017/02/09 PHP
PHP连接SQL Server的方法分析【基于thinkPHP5.1框架】
2019/05/06 PHP
php精度计算的问题解析
2019/06/21 PHP
php提高脚本性能的4个技巧
2020/08/18 PHP
Jquery判断IE6等浏览器的代码
2011/04/05 Javascript
js中return false(阻止)的用法
2013/08/14 Javascript
jquery submit ie6下失效的原因分析及解决方法
2013/11/15 Javascript
js数组去重的常用方法总结
2014/01/24 Javascript
分享20款美化网站的 jQuery Lightbox 灯箱插件
2014/10/10 Javascript
浅谈Javascript中匀速运动的停止条件
2014/12/19 Javascript
javascript中Array()数组函数详解
2015/08/23 Javascript
谈谈Jquery中的children find 的区别有哪些
2015/10/19 Javascript
XML、HTML、CSS与JS的区别整理
2016/02/18 Javascript
关于前后端json数据的发送与接收详解
2017/07/30 Javascript
SeaJS中use函数用法实例分析
2017/10/10 Javascript
vue实现图片加载完成前的loading组件方法
2018/02/05 Javascript
node下使用UglifyJS压缩合并JS文件的方法
2018/03/07 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
2018/04/18 Javascript
[01:02:17]2014 DOTA2华西杯精英邀请赛 5 24 DK VS VG
2014/05/26 DOTA
给Python IDLE加上自动补全和历史功能
2014/11/30 Python
详解Python多线程
2016/11/14 Python
Python过滤掉numpy.array中非nan数据实例
2020/06/08 Python
6种非常炫酷的CSS3按钮边框动画特效
2016/03/16 HTML / CSS
canvas之自定义头像功能实现代码示例
2017/09/29 HTML / CSS
Servlet方面面试题
2016/09/28 面试题
计算机毕业生自荐信
2014/06/12 职场文书
民间借贷协议书范本
2014/10/01 职场文书
2015年圣诞节活动总结
2015/03/24 职场文书
行政复议决定书
2015/06/24 职场文书
2016高考寄语或鼓励的话语
2015/12/04 职场文书
涨工资申请书应该怎么写?
2019/07/08 职场文书
分享:关于学习的励志名言赏析
2019/08/16 职场文书
教你怎么用Python实现多路径迷宫
2021/04/29 Python
win10电脑双屏显示一个黑屏怎么办?win10电脑双屏显示一个黑屏解决方法
2022/07/15 数码科技