DOM查询操作一览表（有事看一看，没事动手练一练）

1.关于DOM，应该知道的

document object model 文件对象模型

定义了访问和处理html文档的标准方法。

Html文档中的所有内容都是节点。

1. 整个文档是一个文档节点
2. 每个html元素是元素节点
3. html元素内的文本是文本节点
4. 每个html属性是属性节点
5. 注释是注释节点

2.DOM节点

节点构成了HTML文档的最基本单元。

分四类：

1. 文档节点 Document 整个html文档
2. 元素节点 Element html标签
3. 文本节点 Text html 标签的文本内容
4. 属性节点 Attribute 元素属性

3.DOM查询

1. 根据元素Id查询：

   document.getElementById(“id值”);

2. 根据标签名称查询：

   document.getElementsByTagName(“标签名称”);

3. 根据name属性：

   document.getElementByName(“name值”);

4.DOM查询操作一览表（以实例取代理论表达）

4.1.获取一个h2标签元素

var btn01 = document.getElementById("btn_1");
btn01.onclick = function(){
   
    var h2 = document.getElementById("h2");
    alert(h2.innerText);
}

4.2.获取所有的h2标签元素

var btn02 = document.getElementById("btn_2");
btn02.onclick = function(){