DOM文档对象模型

DOM文档对象模型

  文档对象模型其实就是操作html标签的一些能力，比如我们可以获取、创建、添加或移除某个标签，也可以给元素绑定一些事件，获取元素的属性，给元素添加一些css样式等等。
  DOM的和新对象是document，document对象是浏览器内置的一个对象，它有各种专门用来操作元素的方法。DOM实际上是页面中的标签，通过js获取到以后，就把这个对象叫做DOM对象。

一、document获取html元素的方法：

1. 通过id名获取 document.getElementById('id’名)
2. 通过标签名获取 document.getElementsByTagName(‘标签名’)
     该方法返回的是一个伪数组，每个与标签名匹配的标签为数组的一个项。伪数组不是真正的数组，它可以通过索引号访问里面的元素，可以使用length方法获取长度，可以进行遍历，但是不能使用数组的常用方法，比如pop之类的。
3. 通过类名获取 document.getElementsByClassName(‘类名’)
     类名不是唯一的，所以该方法获取到的往往不止一个标签，所以该方法返回的也是一个伪数组。
4. 通过name属性获取 document.getElementsByName(‘name名’)
     像input这样常带有name属性的标签，一般使用该方法。name不唯一，所以该方法返回的也是一个伪数组。
5. 使用querySelector系列方法获取
     引号内写要查询的条件，如果根据id名来获取引号内就填#id名，如果根据类名就写 .类名，如果根据标签名就直接写标签名。
   ① docume