博客园  :: 首页  :: 管理

关于JavaScript中-document-对象的说明-及常用的document属性

Posted on 2026-01-04 13:47  520_1351  阅读(20)  评论(0)    收藏  举报

在 JavaScript 中,document 是一个极其重要的全局对象,它是 DOM(Document Object Model,文档对象模型) 的核心入口。

通过 document,我们可以用 JavaScript 读取、创建、修改或删除网页中的任何 HTML 元素和内容。


一、document 是什么?

document 是 window.document 的引用,属于 浏览器环境(BOM) 的一部分。

它代表当前加载的 HTML 文档,并将整个页面抽象为一棵 树(DOM 树)。

只能在浏览器中使用(Node.js、Web Worker 等环境没有 document)。

简单说:document 就是 JavaScript 操作网页的  遥控器 。

 

常用 document 属性

document.title                        获取/设置网页标题
document.URL                          当前页面完整 URL
document.body                         <body> 元素的引用
document.head                         <head> 元素的引用
document.documentElement              <html> 根元素
document.readyState                   文档加载状态("loading", "interactive", "complete")

最后总结,注意如下几点:

1、javascript是区分大小写的!!

2、document 是什么:代表整个 HTML 文档的对象

3、核心用途:查找、创建、修改、删除页面元素

4、使用前提:必须在浏览器中,且 DOM 已加载

 

 

尊重别人的劳动成果 转载请务必注明出处:https://www.cnblogs.com/5201351/p/19437393