什么是DOM树？

DOM：文档对象模型  是用来呈现以及已任意Html和css做交互

提供了很多API 操作HTML和CSS, 以及对事件做出响应等， 还有 ajax请求， 数据渲染

API:（Application Program Interface） 应用程序接口, 其实就是封装好的功能方法，我们可以直接拿来使用

DOM 树： 就是html结构组成的一棵树，有很多节点

节点： 页面中的所有内容都是节点 注释节点 元素节点 属性节点 。。。

Dom的作用：开发网页特效和实现页面交互  文档树直接体现了标签与标签的关系

DOM 操作：

Dom的核心是想把网页当作对象来处理

1）document.getElementsByClassName ( “class”)
返回集 htmlcollection ,用法和数组一致
说明: class为DOM元素上class属性的值
2）document.getElementById( “id” )
功能:返回对拥有指定ID的第一个对象的引用
返回值: DOM对象
说明: id为DOM元素上id属性的值
3)document.getElementsByName(" name");
返回的是nodelist 类型, 用法和数组一致
说明: name为DOM元素上name属性的值
4)document.getElementsByTagName(“TagName”);
返回的是htmlcollection 集合 , 用法和数组一致
5) document.querySelector(".btnlist");
返回的是集合
document.querySelectorAll("#btn");
获取所有的#btn
6)document.body
可以直接获取body

节点的操作： DOM树的层级关系

操作HTML： DOM对象 绑定事件，响应用户的交互