原生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 相关文章推荐
JS宝典学习笔记(下)
Jan 10 Javascript
选择TreeView控件的树状数据节点的JS方法(jquery)
Feb 06 Javascript
灵活应用js调试技巧解决样式问题的步骤分享
Mar 15 Javascript
js的touch事件的实际引用
Oct 13 Javascript
Javascript无参数和有参数类继承问题解决方法
Mar 02 Javascript
jQuery统计指定子元素数量的方法
Mar 17 Javascript
[原创]Bootstrap 中下拉菜单修改成鼠标悬停直接显示
Apr 14 Javascript
js定义类的几种方法(推荐)
Jun 08 Javascript
Bootstrap Table使用方法详解
Aug 01 Javascript
js禁止浏览器的回退事件
Apr 20 Javascript
JS HTML图片显示Canvas 压缩功能
Jul 21 Javascript
vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)
Mar 01 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简单实现MVC
2015/02/05 PHP
PHP Opcache安装和配置方法介绍
2015/05/28 PHP
教你在header中隐藏php的版本信息
2016/08/10 PHP
PHP+Ajax实现的无刷新分页功能详解【附demo源码下载】
2017/07/03 PHP
PHP7如何开启Opcode打造强悍性能详解
2018/05/11 PHP
分享5个非常有用的Laravel Blade指令
2018/05/30 PHP
SwfUpload在IE10上不出现上传按钮的解决方法
2013/06/25 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
2014/09/09 Javascript
JavaScript代码复用模式详解
2014/11/07 Javascript
js计算任意值之间随机数的方法
2015/01/16 Javascript
jQuery 移动端artEditor富文本编辑器
2016/01/11 Javascript
Ajax和Comet技术总结
2017/02/19 Javascript
详解webpack2+React 实例demo
2017/09/11 Javascript
jQuery完成表单验证的实例代码(纯代码)
2017/09/30 jQuery
小程序数据通信方法大全(推荐)
2019/04/15 Javascript
初试vue-cli使用HBuilderx打包app的坑
2019/07/17 Javascript
vue修改Element的el-table样式的4种方法
2020/09/17 Javascript
[01:04:35]2018DOTA2亚洲邀请赛 4.3 突围赛 Secret vs VG 第一场
2018/04/04 DOTA
python&MongoDB爬取图书馆借阅记录
2016/02/05 Python
微信跳一跳python辅助脚本(总结)
2018/01/11 Python
python实现单链表中删除倒数第K个节点的方法
2018/09/28 Python
Python字典生成式、集合生成式、生成器用法实例分析
2020/01/07 Python
Python的pygame安装教程详解
2020/02/10 Python
python对接ihuyi实现短信验证码发送
2020/05/10 Python
Pytorch环境搭建与基本语法
2020/06/03 Python
Keras自定义IOU方式
2020/06/10 Python
python可以用哪些数据库
2020/06/22 Python
英国当代时尚和街头服饰店:18montrose
2018/12/15 全球购物
凯蒂·佩里个人女鞋品牌:Katy Perry Collections
2019/04/04 全球购物
JENNIFER BEHR官网:各种耳环和发饰
2020/06/07 全球购物
文史专业毕业生自荐信
2013/11/17 职场文书
小学生寒假家长评语
2014/04/16 职场文书
经典导游欢迎词
2015/01/26 职场文书
2016七夕情人节感言
2015/12/09 职场文书
python文件与路径操作神器 pathlib
2022/04/01 Python
mysql 乱码 字符集latin1转UTF8
2022/04/19 MySQL