【JavaScript】45_DOM编程初步
【摘要】 1、初识要使用DOM来操作网页，我们需要浏览器至少得先给我一个对象才能去完成各种操作所以浏览器已经为我们提供了一个document对象，它是一个全局变量可以直接使用document代表的是整个的网页 <body> <button id="btn">点我一下</button> <script> console.log(document) //获...
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>
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）