原生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 相关文章推荐
Extjs中ComboBox加载并赋初值的实现方法
Mar 22 Javascript
妙用Jquery的val()方法
Jun 27 Javascript
怎样在JavaScript里写一个swing把数据插入数据库
Dec 10 Javascript
使用JavaScript 实现对象 匀速/变速运动的方法
May 08 Javascript
js获取元素到文档区域document的(横向、纵向)坐标的两种方法
May 17 Javascript
javascript实现给定半径求出圆的面积
Jun 26 Javascript
jQuery实现选项联动轮播效果【附实例】
Apr 19 Javascript
jQuery多个版本和其他js库冲突的解决方法
Aug 11 Javascript
vue-cli中打包图片路径错误的解决方法
Oct 26 Javascript
JS和Canvas实现图片的预览压缩和上传功能
Mar 30 Javascript
vue+axios+mock.js环境搭建的方法步骤
Aug 28 Javascript
mpvue网易云短信接口实现小程序短信登录的示例代码
Apr 03 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/07/05 PHP
Yii使用CLinkPager分页实例详解
2014/07/23 PHP
php实现Linux服务器木马排查及加固功能
2014/12/29 PHP
PHP 二维数组和三维数组的过滤
2016/03/16 PHP
php处理json格式数据经典案例总结
2016/05/19 PHP
PHP魔术方法以及关于独立实例与相连实例的全面讲解
2016/10/18 PHP
js 判断checkbox是否选中的操作方法
2012/11/09 Javascript
iframe子父页面调用js函数示例
2013/11/07 Javascript
js数组方法扩展实现数组统计函数
2014/04/09 Javascript
javascript学习笔记(六)数据类型和JSON格式
2014/10/08 Javascript
浅谈javascript实现八大排序
2015/04/27 Javascript
JavaScript实现点击单元格改变背景色的方法
2016/02/12 Javascript
简单理解js的冒泡排序
2016/12/19 Javascript
jquery.validate.js 多个相同name的处理方式
2017/07/10 jQuery
angularjs 页面自适应高度的方法
2018/01/17 Javascript
JavaScript实现区块链
2018/03/14 Javascript
jquery分页插件pagination使用教程
2018/10/23 jQuery
JavaScript实现的九种排序算法
2019/03/04 Javascript
vue中实现图片压缩 file文件的方法
2020/05/28 Javascript
Python中使用glob和rmtree删除目录子目录及所有文件的例子
2014/11/21 Python
python getopt详解及简单实例
2016/12/30 Python
Python编程判断一个正整数是否为素数的方法
2017/04/14 Python
浅谈python实现Google翻译PDF,解决换行的问题
2018/11/28 Python
Python matplotlib图例放在外侧保存时显示不完整问题解决
2020/07/28 Python
用sleep间隔进行python反爬虫的实例讲解
2020/11/30 Python
python爬取豆瓣电影排行榜(requests)的示例代码
2021/02/18 Python
matplotlib 范围选区(SpanSelector)的使用
2021/02/24 Python
html5 分层屏幕适配的方法
2018/03/16 HTML / CSS
简单介绍HTML5中audio标签的使用
2015/09/24 HTML / CSS
应聘教师推荐信
2013/10/31 职场文书
中专生求职自荐信范文
2013/12/22 职场文书
电气工程和自动化自荐信范文
2013/12/25 职场文书
读书活动实施方案
2014/03/10 职场文书
优秀员工评优方案
2014/06/13 职场文书
日语专业求职信
2014/07/04 职场文书
小学美术教学反思
2016/02/17 职场文书