五种实用DOM方法总结

DOM：Document Object Model 文档对象模型
对象的三种类型：用户定义类型、内建对象、宿主对象

节点类型：元素节点、文本节点、属性节点

getElementById()方法：

1. 将返回一个与那个有着给定id属性值的元素节点相对应的对象
2. 这是document对象特有的函数，函数名后面必须跟着一对圆括号，这对圆括号包含着函数的参数
3. getElementById方法只有一个参数就是你想获得的id值，必须放在单引号或者双引号里面，再放在圆括号里面。
4. 例子：document.getElementById("purchases") 这个调用将返回一个对象，这个对象对应着document对象里一个独一无二的元素，那个元素的id属性值是purchases。
5. 获取没有id属性的对象用getElementByTagName方法

getElementByTagName()方法:

1. 将返回一个对象数组
2. 只有一个参数，它的参数是标签的名字
3. 例子：document.getElementByTagName("li")
4. getElementByTagName允许把一个通配符（*）作为它的参数

getElementByClassName()方法：

1. 将返回一个具有相同类名的元素数组
2. 只有一个参数，那就是类名
3. 还可以查找多个类名的元素，指定多个类名，只需在字符串参数中用空格分隔类名即可
4. 这个方法比较新，较新的浏览器才支持

getAttribute()方法：

1. 这是一个函数，它只有一个参数--你打算查询的属性的名字
2. getAttribute方法不属于document对象，只能通过元素节点对象调用
3. 例子：p.getAttribute("title")    ---获取p元素的title属性

setAttribute()方法：

1. 只能用于元素节点，用于对属性节点的值做出修改
2. 此方法可以修改文档中任何一个元素的任何一个属性
3. 有两个参数，一个是属性名。一个是属性值
4. 例子：sex.setAttribute("title","good")