javascript DOM 学习总结 (1)

摘自javascript DOM编程艺术

1.首先介绍DOM的三个字母的含义：

1.1  D

如果没有document（文档）,DOM 也无从谈起，当创建了一个网页并把他加载到web浏览器中时，DOM也在幕后悄然而生

2.2 O

对象（O）是一种自足的集合。

33 M

DOM中的M 代表着Model

DOM把文档表示为一颗家谱树

2. 节点：

2.1 元素节点

DOM的原子是元素节点

标签的名字就是元素的名字

2.2 文本节点

<p>hello world</p>

<p>元素中包含的文本就是文本节点。

2.3 属性节点

<p title="a gentle reminder"></p>

title="a gentle reminder" 是一个属性节点

3. 获取元素

有三种方法获取元素节点

3.1 getElementById

该方法将返回一个与那个有着给定id属性值的元素节点对应的对象。

它是document 对象特有的函数

getElementId方法只有一个参数，你想获得那个元素的id属性的值，这个id值必须放在单引号或者双引号中

如：document.getElementId("purchases"); //这个调用将返回一个对象，这个对象对应着document对象里的一个独一无二的元素，那个元素的HTML id属性值是purchase.

事实上，文档中的每一个元素都是一个对象

3.2 getElementsByTagName

getElementsByTagName 方法返回一个对象数组，每个对象分别对应着文档里有着给定标签的一个元素。

var items = document.getElementsByTagName("li");
for(var i = 0; i < items.length; i++) {
    alert(typeof items[i]);
}

3.3 getElementsByClassName

这个方法的返回值是一个具有相同类名的元素的数组

4. 获取和设置属性

4.1 getAttribute

getAttribute 是一个函数，他只有一个参数--你打算查询的属性的名字

object.getAttribute(attribute);