DOM操作获取元素的方法

获取元素的方法：

​ document.getElementById() : 通过id属性获取元素（有且只有一个）

​ document.getElementsByClassName() : [ ] classname（可以有多个类名）

​ document.getElementsByName() : [ ] name 属性 使用场景（表单）

​ document.getElementsByTagName() :[ ] 标签名

​ document.querySlector(selector) : 通过选择器来匹配元素（有且只匹配一个）

​ document.querySlectorAll(selector) : 批量匹配

getAttribute()获取属性

一份文档就是一棵节点树。

●节点分为不同的类型：元素节点、属性节点和文本节点等。

●getElementById()方法将返回一个对象，该对象对应着文档里的一个特定的元素节点。

●getElementsByTagName()方法将返回一个对象数组，它们分别对应着文档里的一个特定的元素节点。

●这些节点中的每个都是一个对象。

setAttribute()方法

增加一个指定名称和治的新属性，或者把一个现有属性设定为指定的值

elementNode.setAttribute(name,value)

说明：

1.name：要设置的属性名

2.value:要设置的属性值

注意：

1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性，该方法将创建一个新属性。

2.类似于getAttribute()方法，setAttribute()方法只能通过元素节点对象调用的函数。