JavaScript之appendChild、insertBefore和insertAfter

原创 2011年01月25日 15:07:00

appendChild定义

添加一个节点到指定的节点的子节点数组中,读起来好象有点拗口,简单地说就是将元素添加到指定的节点中

 

appendChild用法


appendChild例子

 

 

 


insertBefore定义

 insertBefore() 方法的作用是:在现有的子节点前插入一个新的子节点

 

insertBefore用法

 

insertBefore例子

 

 

好了那么有insertBefore的应该也有insertAfter吧?
好那我们来用Aptana编写一个例子吧,但Aptana的智能提示告诉我其实没有insertAfter这个方法
那么就自己定义一个罗:)




insertAfter定义

insertAfter用法与例子



 总结:
1、appendChild和insertBefore是做对节点的方法来使用的,而insertAfter只是自定义的一个函数
2、insertBefore相对于appendChild来说,比较灵活可以将新的节点插入到目标节点子节点数组中的任一位置。
3、使用appendChild和insertBefore来插入新的节点前提是,其兄弟节点必须有共同的父节点

appendChild() , insertBefore()插入节点需注意的问题

使用appendChild()和insertBefore()插入节点都会返回给插入的节点,//由于这两种方法操作的都是某个节点的子节点,所以必须现取得父节点,代码中 someNode 表示父节点 //...
  • yuhero_bbs
  • yuhero_bbs
  • 2015年03月30日 17:00
  • 1290

使用appendChild(),insertBefore()的一个小问题

原文链接:http://blog.csdn.net/yuhero_bbs/article/details/44753353 使用appendChild()和insertBefore(...
  • tt_twilight
  • tt_twilight
  • 2017年11月04日 11:02
  • 48

appendChild() , insertBefore()插入节点需注意的问题

appendChild() , insertBefore()插入节点需注意的问题 使用appendChild()和insertBefore()插入节点都会返回给插入的节点, ...
  • xuchuangqi
  • xuchuangqi
  • 2016年09月09日 23:37
  • 226

appendChild() , insertBefore()插入节点需注意的问题

转载 http://blog.csdn.net/yuhero_bbs/article/details/44753353 使用appendChild()和insertBefore()插入节点都会返回...
  • u014317046
  • u014317046
  • 2016年09月02日 09:35
  • 404

初学js插入节点appendChild insertBefore使用方法

由于可见insertBefore()方法的特性是在已有的子节点前面插入新的节点但是两种情况结合起来发现insertBefore()方法插入节点,是可以在子节点列表的任意位置。 首先 ...
  • bin1813
  • bin1813
  • 2016年04月30日 15:01
  • 192

js中AppendChild与insertBefore的用法详细解析

作者: 字体:[增加 减小] 类型:转载 时间:2013-12-16 我要评论 这篇文章主要是对js中AppendChild与insertBefore的用法进行了详细的分析介绍,需要的朋友可以过来...
  • L510167767
  • L510167767
  • 2016年12月20日 09:25
  • 168

form中appendChild失效的问题

本来今天在写一个算是比较简单地队列效果,本来打算两个小时搞定,然并卵,加找问题出现的原因,查资料,复习正则,一共写了将近五个小时,狗带。 其实代码结构是非常简单地,如下 ...
  • sinat_27088253
  • sinat_27088253
  • 2016年05月04日 17:38
  • 707

jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)

本文实例讲述了jQuery插入节点和移动节点的方法。分享给大家供大家参考,具体如下: 1. 插入节点: ? 1 2 3 4 5 ...
  • poptxz
  • poptxz
  • 2016年11月06日 16:11
  • 282

SVG下appendChild(node)在浏览器中不显示的问题

直接appendChild(node)在浏览器上并不显示 SVG fragments are mistakenly parsed as HTMLUnknownElement Add SVG eleme...
  • u013905744
  • u013905744
  • 2016年01月22日 10:51
  • 1164

Javascript 中的回调函数

什么是回调函数?  我的理解,就是采用回调的方式调用函数。那什么又是回调的方式?  举个例子,老师L让学生A做一件事情,就是将全班同学的试卷给学生A,让他找出其中不及格的试卷。老师L接着又找到学生...
  • gao_zhuang
  • gao_zhuang
  • 2013年08月22日 17:49
  • 565
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript之appendChild、insertBefore和insertAfter
举报原因:
原因补充:

(最多只允许输入30个字)