1、初识
要使用DOM来操作网页,我们需要浏览器至少得先给我一个对象
才能去完成各种操作
所以浏览器已经为我们提供了一个document对象,它是一个全局变量可以直接使用
document代表的是整个的网页
<body>
<button id="btn">点我一下</button>
<script>
console.log(document)
//获取btn对象
const btn = document.getElementById('btn')
console.log(btn)
//修改btn中的文字
btn.innerText = 'Click ME'
</script>
</body>
2、document对象
document对象
document对象表示的是整个网页
document对象的原型链
HTMLDocument -> Document -> Node -> EventTarget -> Object.prototype -> null
凡是在原型链上存在的对象的属性和方法都可以通过Document去调用
部分属性:
document.documentElement --> html根元素 document.head --> head元素 document.title --> title元素 document.body --> body元素 document.links --> 获取页面中所有的超链接 ...
<body>
<a href="#">hhh</a>
<script>
console.log(document.links)
</script>
</body>