原生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 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
javascript showModalDialog模态对话框使用说明
Dec 31 Javascript
jquery dialog键盘事件代码
Aug 01 Javascript
extjs grid设置某列背景颜色和字体颜色的实现方法
Sep 06 Javascript
关于Javascript模块化和命名空间管理的问题说明
Dec 06 Javascript
jquery 多行文本框(textarea)高度变化
Jul 03 Javascript
深入理解JS继承和原型链的问题
Dec 17 Javascript
使用gulp构建前端自动化的方法示例
Dec 25 Javascript
微信小程序实现滚动加载更多的代码
Dec 06 Javascript
Vue 401配合Vuex防止多次弹框的案例
Nov 11 Javascript
解决vue-cli输入命令vue ui没效果的问题
Nov 17 Javascript
Vue使用鼠标在Canvas上绘制矩形
Dec 24 Vue.js
图片无缝滚动代码(向左/向下/向上)
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日历程序
2006/12/06 PHP
PHP 中英文混合排版中处理字符串常用的函数
2007/04/12 PHP
PHP 网络开发详解之远程文件包含漏洞
2010/04/25 PHP
PHP常用技巧总结(附函数代码)
2012/02/04 PHP
php输出全球各个时区列表的方法
2015/03/31 PHP
php解析xml方法实例详解
2015/05/12 PHP
PHP实现一个简单url路由功能实例
2016/11/05 PHP
php 中的closure用法详解
2017/06/12 PHP
PHP使用JpGraph绘制折线图操作示例【附源码下载】
2019/10/18 PHP
jquery使用append(content)方法注意事项分享
2014/01/06 Javascript
JS使用正则表达式实现关键字替换加粗功能示例
2016/08/03 Javascript
AngularJS控制器详解及示例代码
2016/08/16 Javascript
单行 JS 实现移动端金钱格式的输入规则
2017/05/22 Javascript
原来JS还可以这样拆箱转换详解
2019/02/01 Javascript
基于javascript实现日历功能原理及代码实例
2020/05/07 Javascript
Vue项目前后端联调(使用proxyTable实现跨域方式)
2020/07/18 Javascript
微信小程序实现下拉加载更多商品
2020/12/29 Javascript
[02:48]DOTA2英雄基础教程 暗夜魔王
2013/12/12 DOTA
python数据库操作常用功能使用详解(创建表/插入数据/获取数据)
2013/12/06 Python
python特性语法之遍历、公共方法、引用
2018/08/08 Python
解决Pycharm出现的部分快捷键无效问题
2018/10/22 Python
python如何爬取网站数据并进行数据可视化
2019/07/08 Python
Python定时任务工具之APScheduler使用方式
2019/07/24 Python
Python进度条的制作代码实例
2019/08/31 Python
TensorFlow——Checkpoint为模型添加检查点的实例
2020/01/21 Python
opencv python Canny边缘提取实现过程解析
2020/02/03 Python
深入浅析Python 函数注解与匿名函数
2020/02/24 Python
日本土著品牌,综合型购物网站:Cecile
2016/08/23 全球购物
建筑工程实习自我鉴定
2013/09/19 职场文书
给排水工程师岗位职责
2013/11/21 职场文书
大学生精神文明先进个人事迹材料
2014/05/02 职场文书
2014年学生会工作总结
2014/11/07 职场文书
店铺转让协议书
2015/01/29 职场文书
生产现场禁烟通知
2015/04/23 职场文书
Jupyter notebook 输出部分显示不全的解决方案
2021/04/24 Python
Java基础之this关键字的使用
2021/06/30 Java/Android