第三章 DOM

3.1文档：DOM中的“D”

document（文档），当创建了一个网页并加载到web浏览器，DOM就产生了，他会把文档转换为一个对象

3.2对象：DOM中的“O”

用户定义对象：由程序员自行创建的对象
内建对象：内建在JavaScript语言里的对象
宿主对象：由浏览器提供的对象

3.3模型：DOM中的“M”

模型

3.4节点

文档树上的树枝和树叶

3.4.1元素节点

诸如”body“、”p”，“html”是节点树的根元素

3.4.2文本节点

3.4.3属性节点

3.4.4CSS

继承：节点树上的各个元素将继承其父元素的样式属性

3.4.5获取元素

三种DOM方法可获取元素节点，分别通过元素ID、标签名字、类名字

01.getElementById
他是document对象特有的函数，这个方法将返回一个元素节点的对象

document.getElementById("purchase")

02.getElementsByTagName
该方法返回一个对象数组。

document.getElementByTagName("li")

03.getElementsByClassName
该方法返回一个数组

document.getElementByClassName("sale")

3.5获取和设置属性

3.5.1 getAttribute

这个方法不属于document对象，他只能通过元素对象调用。

var paras = document.getElementByTagName("p");
for (var i=0; i < paras.length; i++){
	alert(paras[i].getAttribute("title");
}

3.5.2 setAttribute

该方法允许我们对属性节点的值作出修改。

//object.setAttribute(attribute,value)
var shopping = document.getElementById("purchase");
shopping.setAttribute("title","a list of goods");

通过该方法对文档作出修改后，去查看文档的源代码仍然是改变前的属性值。这是因为DOM的工作模式：先加载文档的静态内容，再动态刷新，动态刷新不影响文档的静态内容。