js节点的增,插,删和替换

增:

1.document.createElement()可以创建元素节点,如document.createElement('div');

但还有一种方法就是用innerHTML = "<div></div>"这样直接写出来,这种就是直接加入到页面中,而上面那种还没有,其实还在document手中,这种通过document创建的节点是先被document攥着的,还未放入页面中。

2.document.createTextNode()可以创建文本节点,如document.createTextNode(‘你好’);

3.document.createComment()可以创建注释节点,如document.createComment("nihao");

插:

通过document创建的的节点必须得通过下面这两个方法才可以真正添加到页面中

1.parentNode.appendChild(),括号中写要被加入的节点,这个相当于push,是加在parentNode的最后一个子节点后面。其实这个appendChild()还有剪切功能,当要加入的节点已经在页面中的那么通过appendChild就可以把该节点剪切后放在父节点的最后一个子节点后面。

2.parentNode.insertBefore(a,b),表示parentNode  insert a before b。这个也有剪切功能,可以把已经在页面中的节点剪切出来放到之前他的前面一个兄弟节点的前面。

删:

parentNode.removeChild(要被删除的子元素),其实这个相当于被剪切出来  可以var b = parentNode.removeChild(要被删除的子元素),这是b就是这个被删除的子元素了。

child.remove()其实这个相当于自杀,上面那个相当于他杀。

替换:

parentNode.replaceChild(new,origin)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 3,682评论 0 7
  • 2016.9.9 第6章 原型与面向对象 原型虽然是定义对象的一种很方便的方式,但它的本质依然是函数特性。 使用原...
    如201608阅读 705评论 0 0
  • 文本整理了javascript操作DOM的一些常用API,根据其作用整理成为创建,修改,查询等多种类型的API,主...
    饥人谷__冯国欣阅读 372评论 0 0
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,790评论 0 8
  • 第一部分 准入训练 第1章 进入忍者世界 js开发人员通常使用js库来实现通用和可重用的功能。这些库需要简单易用,...
    如201608阅读 1,365评论 1 2