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名称来获取标签