JavaScript DOM——节点属性

一、DOM树
document-------> html-------> head /body-------> div/p /h1…
树(根)看不到 树干、树枝、果实

二、节点： DOM“对象”

弹出[ 对象 HTMLdiv元素 ]
意思是HTMLdiv元素 是一个对象，alert(box)这里的box可称为DOM“对象”
补充：对象有属性；对象有方法
var arr = new Array()；
arr.length 数组的属性 区分：后面是否有加括号
arr.join() 数组的方法
div
p
h1
input
span
三、DOM对象（节点）的属性
语法：
DOM对象.属性名称
1>childNodes：返回所有"子节点"的一个集合

子节点包括元素节点、文本节点、属性节点：

下标为0→文本节点

下标为1→节点对象（li）

2>nodeName：返回节点名称
注意：返回一定是大写（因为js严格区分大小写）

这里节点li必须大写

3>nodeType：返回数字(节点类型) .
返回的是1 => 代表元素节点
返回的是3 => 代表文本节点
元素节点

文本节点

以下两种方式都可以加上背景颜色，

那么区别在于：如果添加一个div

若用childNodes不会给div加上颜色
因为div不是LI ，那么div就不会被加上颜色

若用nodeType则可以给div加上颜色

四、节点的分类

： 元素节点.

123

：(123)文本节点 ：属性节点-