原生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 相关文章推荐
将HTML自动转为JS代码
Jun 26 Javascript
jQuery 获取对象 定位子对象
May 31 Javascript
关于jQuery新的事件绑定机制on()的使用技巧
Apr 26 Javascript
javascript实现五星评价代码(源码下载)
Aug 11 Javascript
求js数组的最大值和最小值的四种方法
Mar 03 Javascript
分享19个JavaScript 有用的简写写法
Jul 07 Javascript
JS分页的实现(同步与异步)
Sep 16 Javascript
详解webpack4之splitchunksPlugin代码包分拆
Dec 04 Javascript
深入理解 JS 垃圾回收
Jun 03 Javascript
Element Breadcrumb 面包屑的使用方法
Jul 26 Javascript
如何使用JS console.log()技巧提高工作效率
Oct 14 Javascript
详解vue身份认证管理和租户管理
May 25 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模板的朋友必看的很多个顶级PHP模板引擎比较分析
2008/05/26 PHP
php+mysql写的简单留言本实例代码
2008/07/25 PHP
php正则替换处理HTML页面的方法
2015/06/17 PHP
PHP 读取大文件并显示的简单实例(推荐)
2016/08/12 PHP
关于juqery radio写法的兼容性问题(新老版本jquery)
2010/06/14 Javascript
jQuery+ajax实现鼠标单击修改内容的方法
2014/06/27 Javascript
node.js中的path.normalize方法使用说明
2014/12/08 Javascript
微信企业号开发之微信考勤Cookies的使用
2015/09/11 Javascript
Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例
2016/12/08 Javascript
javascript实现文件拖拽事件
2018/03/29 Javascript
浅谈Vue路由快照实现思路及其问题
2018/06/07 Javascript
[02:23]DOTA2英雄基础教程 幻影长矛手
2013/12/09 DOTA
python实现矩阵乘法的方法
2015/06/28 Python
简单学习Python time模块
2016/04/29 Python
TensorFlow神经网络优化策略学习
2018/03/09 Python
Python 实现子类获取父类的类成员方法
2019/01/11 Python
python实现年会抽奖程序
2019/01/22 Python
Django uwsgi Nginx 的生产环境部署详解
2019/02/02 Python
python 并发编程 阻塞IO模型原理解析
2019/08/20 Python
python:动态路由的Flask程序代码
2019/11/22 Python
Pytorch对Himmelblau函数的优化详解
2020/02/29 Python
Python模拟键盘输入自动登录TGP
2020/11/27 Python
Python实现Appium端口检测与释放的实现
2020/12/31 Python
小程序canvas中文字设置居中锚点
2019/04/16 HTML / CSS
为女性购买传统的印度服装和婚纱:Kalkifashion
2019/07/22 全球购物
shell的种类有哪些
2015/04/15 面试题
大学本科毕业生求职信范文
2013/12/18 职场文书
计算机科学技术自荐信
2014/06/12 职场文书
教师自我剖析材料(四风问题)
2014/09/30 职场文书
中学生旷课检讨书2篇
2014/10/09 职场文书
2014年学生会部门工作总结
2014/11/07 职场文书
个人借条范本
2015/05/25 职场文书
《风不能把阳光打败》读后感3篇
2020/01/06 职场文书
Pytorch 实现变量类型转换
2021/05/17 Python
vue如何实现关闭对话框后刷新列表
2022/04/08 Vue.js
Android开发之WECHAT微信小程序路由跳转的两种形式
2022/04/12 Java/Android