0
点赞
收藏
分享

微信扫一扫

【JavaScript】44_DOM编程初步

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>

【JavaScript】44_DOM编程初步_Click

举报

相关推荐

0 条评论