DOM文档对象模型

一、DOM(Document Object Model):文档对象模型

其实就是操作html中的标签的一些能力

-获取一个元素

-移除一个元素

-向页面里面添加一个元素

-给元素绑定事件

-获取元素的属性

-给元素添加一些css样式

等等

DOM的核心对象就是document对象

document对象是浏览器内置的一个对象，里面存储着专门用来操作元素的各种方法

DOM：页面中的标签，我们通过js获取之后，就把这个对象叫做DOM对象

document对象属性：title文档标题，即title标签内容

document对象方法：document.write()【输入文本到当前打开的文档】

二、获取html元素：

getElementById("id属性值")：

getElementById是通过标签id名称来获取标签的

因为在一个页面中id是唯一的，所以获取到的就是一个元素

（获取页面中的那个id名为box的div标签）

 getElementByClassName("class属性")：

getElementClassName是用过标签的class名称来获取标签的

因为页面中可能有多个元素的class名称一样，所以获取到的是一组元素

哪怕你获取的class只有一个，那也是获取一组元素，只不过这一组只有一个DOM元素而已

（获取到的是一组元素，是一个长得和数组一样的数据结构，但是不是数组，是伪数组）

（这个一组数据也是按照索引排列的，所以我们想要准确的拿到这个div，需要索引来获取）

 getElementByTagName("标