js中的DOM操作上（参考慕课网）

DOM

文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM将HTML文档呈现为带有元素、属性和文本的树结构。

getElementsByName()

通过元素的name属性查询，由于name不唯一，所以该方法返回带有指定名称节点对象的集合，可以用访问数组的方法访问。

getElementById()

通过元素的id属性查询，id唯一，所以只会返回一个对象，没有找到时返回null。

getElementsByTagName()

可以返回带有指定标签名的节点对象的集合，返回元素的顺序是它们在文档中的顺序。

getAttribute()和setAttribute()

getAttribute()：通过元素节点的属性名称获取属性的值。
语法：elementNode.getAttribute(name)。
elementNode：指使用getElementById()等方法获取到的元素节点。
name：想要查询的属性名。

setAttribute()：增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。
语法：elementNode。setAttribute(name,value)
name：要设置的属性名。
value：要设置的属性值。
注意：
1.把指定的属性设置为指定的值，如果不存在具有指定名称的属性，该方法会创建一个新属性。
2.setAttribute()方法是只能通过元素节点对象调用的函数。

nodeName,nodeValue和nodeType

这三个值是DOM节点的三个重要的属性。
1. nodeName：节点的名称
2. nodeValue：节点的值
3. nodeType：节点的类型
nodeName属性：节点名称，只读。

1. 元素节点的属性值与标签名相同。
2. 属性节点的属性值是属性的名称。
3. 文本节点的属性值永远是#text
4. 文档节点的属性值永远是#document

nodeValue属性：节点的值

1. 元素节点的值是undefined或null。
2. 文本节点的值是文本自身。
3. 属性节点的值是属性的值。

nodeType属性：节点的类型，只读。常用的节点类型如下：

元素类型	节点类型
元素	1
属性	2
文本	3
注释	8
文档	9