JS： day03

一、DOM（文档对象模型）

DOM对象方法.png

1、nodeValue 属性（规定节点的值）

①元素节点的 nodeValue 是 undefined 或 null
②属性节点的 nodeValue 是属性值
③文本节点的 nodeValue 是文本本身

hello world

2、nodeType 属性（返回节点的类型）

①元素（标签）节点返回的类型type------------1
②属性（ID）节点返回的类型type---------------2
③文本（文字）节点返回的类型type------------3

hello world

3、获取元素的值（childNodes）

         我是谁
         hello
          good
  

4、创建新的 HTML 元素（createElement / createTextNode / appendChild）

    good

5、添加新的 HTML 元素 - insertBefore(新的节点newChild，参照节点refChild)

如果要添加HTML 元素，必须清楚该元素的父元素：（this.parentNode：当前对象的父节点）

    
first
    
    
good

6、删除已有的 HTML 元素（removeChild）

如果要删除 HTML 元素，必须清楚该元素的父元素：（this.parentNode：当前对象的父节点）

hello world
删除我
btn

7、替换 HTML 元素（replaceChild）

如果要替换 HTML 元素，必须清楚该元素的父元素：（this.parentNode：当前对象的父节点）

hello world
baidu 


btn