原生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 相关文章推荐
Ext JS Grid在IE6 下宽度的问题解决方法
Feb 15 Javascript
javascript面向对象入门基础详细介绍
Sep 05 Javascript
让你的博客飘雪花超出屏幕依然看得见
Jan 04 Javascript
JS使用getComputedStyle()方法获取CSS属性值
Apr 23 Javascript
浅析Node在构建超媒体API中的作用
Jul 30 Javascript
jQuery中ajax的load()方法用法实例
Dec 26 Javascript
JS操作HTML自定义属性的方法
Feb 10 Javascript
JavaScript实现信用卡校验方法
Apr 07 Javascript
JavaScript中的substr()方法使用详解
Jun 06 Javascript
Bootstrap基本插件学习笔记之Popover提示框(19)
Dec 08 Javascript
详谈JavaScript的闭包及应用
Jan 17 Javascript
vue中使用极验验证码的方法(附demo)
Dec 04 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 sprintf() 函数的应用(定义和用法)
2012/06/29 PHP
探讨PHP删除文件夹的三种方法
2013/06/09 PHP
基于ThinkPHP实现的日历功能实例详解
2017/04/15 PHP
PHP基于XMLWriter操作xml的方法分析
2017/07/17 PHP
2017年最好用的9个php开发工具推荐(超好用)
2017/10/23 PHP
JavaScript中Math对象方法使用概述
2014/01/02 Javascript
详解JSON1:使用TSQL查询数据和更新JSON数据
2016/11/21 Javascript
Node.js连接postgreSQL并进行数据操作
2016/12/18 Javascript
bootstrap css样式之表单
2017/01/19 Javascript
基于vue+ bootstrap实现图片上传图片展示功能
2017/05/17 Javascript
AngularJs导出数据到Excel的示例代码
2017/08/11 Javascript
JS实现的简单折叠展开动画效果示例
2018/04/28 Javascript
Node.js连接Sql Server 2008及数据层封装详解
2018/08/27 Javascript
Vue中图片Src使用变量的方法
2019/10/30 Javascript
vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码
2020/09/16 Javascript
[02:29]完美世界高校联赛上海赛区回顾
2015/12/15 DOTA
Python中的字典遍历备忘
2015/01/17 Python
详尽讲述用Python的Django框架测试驱动开发的教程
2015/04/22 Python
pyqt5 实现 下拉菜单 + 打开文件的示例代码
2019/06/20 Python
如何使用Python实现斐波那契数列
2019/07/02 Python
Python Django基础二之URL路由系统
2019/07/18 Python
Django框架反向解析操作详解
2019/11/28 Python
Python爬取新型冠状病毒“谣言”新闻进行数据分析
2020/02/16 Python
python实现npy格式文件转换为txt文件操作
2020/07/01 Python
Python3.9.1中使用split()的处理方法(推荐)
2021/02/07 Python
css3 iphone玻璃透明气泡完美实现
2013/03/20 HTML / CSS
Viking Direct荷兰:购买办公用品
2019/06/20 全球购物
Quiksilver美国官网:始于1969年的优质冲浪服和滑雪板外套
2020/04/20 全球购物
汽车检测与维修应届毕业生求职信
2013/10/19 职场文书
员工拾金不昧表扬信
2014/01/09 职场文书
总经理助理职责
2014/02/04 职场文书
科技活动周标语
2014/10/08 职场文书
党员批评与自我批评材料
2014/10/14 职场文书
2015医德医风个人工作总结
2015/04/02 职场文书
解决Golang中ResponseWriter的一个坑
2021/04/27 Golang
分享MySQL常用 内核 Debug 几种常见方法
2022/03/17 MySQL