DOM (2)node的方法

  1. node的方法 appendChild()

appendChild()用来插入节点


var p =document.createElement(‘p’)

document.body.appendChils(p);
1.png

2. 节点的方法 hasChildNodes()

hasChildNodes()用来判断一个节点是否有子节点

该方法返回一个<u>布尔值</u>。表示当前节点是否有子节点。

3.节点的方法 cloneNode()

cloneNode()用来克隆一个节点

不会复制事件

该方法可以传入一个值,值为true 表示复制指定元素的子节点。默认不复制子节点 (false)

2.png

4.节点的方法 insertBefore()

insertBefore()用来将一个节点插入指定位置

insertBefore()要传两个值。第一个值为要添加的节点,第二个值为将新节点插入到此值 得前面。

如果第二个值为null,就会插入到当前元素的最后


M@_M5S21F606GX)CQI7X)PJ.png

5.节点的方法 removeChild()
removeChild()表示从父级元素中移除该子节点

var div1 = document。GetElementById(‘div’)

div1.parentNode.removeChild(‘div’)
4.png

6. 节点的方法 replaceChild()

replaceChild()表示替换当前节点的某一个子节点

replaceChild()传入两个值。第一个值是新节点,第二个值是要替换的节点。

5.png

😁
2018-7-18

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

推荐阅读更多精彩内容

  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 9,068评论 0 7
  • 本章内容 理解包含不同层次节点的 DOM 使用不同的节点类型 克服浏览器兼容性问题及各种陷阱 DOM 是针对 HT...
    闷油瓶小张阅读 3,952评论 0 1
  • Node类型 DOM1级定义了一个Node接口,该接口由DOM中所有节点类型实现。这个Node接口在JS中是作为N...
    Maggie_77阅读 3,064评论 0 0
  • 感恩合一大学让我知道了业力,让自己多年来不快乐的原因。 感恩西安拉比天堂让我知道了,信念系...
    趙惠云阅读 3,369评论 0 0
  • 魔鬼张开大口 拼命地吞噬着 从肠子开始 一节一节地 再而肝肾 一口一口地 再到整个腹 最后到全身 每咬一口,如受刑...
    追梦1981阅读 1,566评论 0 0