DOM介绍及DOM获取元素的方式

1、DOM介绍 

• DOM（Document Object Model）：文档对象模型
• 其实就是操作html中的标签的一些能力
• 我们可以操作哪些内容

     ○ 获取一个元素

     ○ 移除一个元素

     ○ 创建一个元素

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

     ○ 给元素绑定一些事件

     ○ 获取元素的属性

     ○ 给元素添加一些css样式

     ○ ...

● DOM的核心对象就是document对象

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

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

2、DOM获取元素的方式

(1)  获取一个元素（目的是：通过js代码获取到标签，就可以操作标签了）

● 获取元素，这个元素分两种：

       ○ 一种是像html，head，body这种非常规的元素（标签）

       ○ 一种是常规的标签，可以通过选择器进行获取

● 获取html、head、body这种非常规的标签：

○ 获取html：

console.log(document.documentElement)//获取html标签

 结果：

○ 获取head：

console.log(document.head)//获取head标签

 结果：

○ 获取body：

console.log(document.body)//获取body标签

 结果：

• getElementByld（）：通过标签的id名称来获取标签