原生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为搜索栏增加tag提示
Jun 22 Javascript
子窗口、父窗口和Silverlight之间的相互调用
Aug 16 Javascript
基于jQuery的history历史记录插件
Dec 11 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
Dec 12 Javascript
JS将所有对象s的属性复制给对象r(原生js+jquery)
Jan 25 Javascript
javascript数据结构与算法之检索算法
Apr 04 Javascript
AngularJS使用ngOption实现下拉列表的实例代码
Jan 23 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
May 17 Javascript
jQuery+Ajax实现用户名重名实时检测
Jun 01 jQuery
Vue.js中数据绑定的语法教程
Jun 02 Javascript
Vue中计算属性computed的示例解读
Jul 26 Javascript
vue组件的写法汇总
Apr 12 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 SESSION机制的理解与实例
2019/03/22 PHP
PHP基于ip2long实现IP转换整形
2020/12/11 PHP
javascript Onunload与Onbeforeunload使用小结
2009/12/31 Javascript
html5的自定义data-*属性和jquery的data()方法的使用示例
2013/08/21 Javascript
JAVASCRIPT代码编写俄罗斯方块网页版
2015/11/26 Javascript
angularjs过滤器--filter与ng-repeat配合有奇效
2017/04/20 Javascript
js-FCC算法-No repeats please字符串的全排列(详解)
2017/05/02 Javascript
JS笛卡尔积算法与多重数组笛卡尔积实现方法示例
2017/12/01 Javascript
学习LayUI时自研的表单参数校验框架案例分析
2019/07/29 Javascript
nodejs的安装使用与npm的介绍
2019/09/11 NodeJs
Java 生成随机字符的示例代码
2021/01/13 Javascript
Python模拟登录12306的方法
2014/12/30 Python
给Python中的MySQLdb模块添加超时功能的教程
2015/05/05 Python
Python实现简单HTML表格解析的方法
2015/06/15 Python
Python正则表达式匹配中文用法示例
2017/01/17 Python
requests和lxml实现爬虫的方法
2017/06/11 Python
在Python web中实现验证码图片代码分享
2017/11/09 Python
对Python字符串中的换行符和制表符介绍
2018/05/03 Python
Numpy 将二维图像矩阵转换为一维向量的方法
2018/06/05 Python
Python实现从SQL型数据库读写dataframe型数据的方法【基于pandas】
2019/03/18 Python
numpy ndarray 按条件筛选数组,关联筛选的例子
2019/11/26 Python
python分别打包出32位和64位应用程序
2020/02/18 Python
Python 跨.py文件调用自定义函数说明
2020/06/01 Python
canvas学习笔记之2d画布基础的实现
2019/02/21 HTML / CSS
Urban Outfitters德国官网:美国跨国生活方式零售公司
2018/05/21 全球购物
韩国演唱会订票网站:StubHub韩国
2019/01/17 全球购物
牧马人澳大利亚官网:Wrangler澳大利亚
2019/10/08 全球购物
俄罗斯香水和化妆品网上商店:NOTINO.ru
2019/12/17 全球购物
计算 s=(x*y)1/2,用两个宏定义来实现
2016/08/11 面试题
技术总监的工作职责
2013/11/13 职场文书
公司贷款承诺书
2014/05/30 职场文书
领导班子个人对照检查剖析材料
2014/09/29 职场文书
学校师德师风自我剖析材料
2014/09/29 职场文书
仓管员岗位职责
2015/02/03 职场文书
PHP 时间处理类Carbon
2022/05/20 PHP
腾讯云服务器部署前后分离项目之前端部署
2022/06/28 Servers