document 是 javascript 中的全局對(duì)象,用于與 html 文檔交互。主要用途包括:獲取和修改 dom 元素監(jiān)聽事件并處理用戶交互訪問頁面元數(shù)據(jù)存儲(chǔ)和檢索數(shù)據(jù)使用方法:document 對(duì)象是全局變量,可以直接使用。屬性包括documentelement、body、head、cookie、location、title。主要方法包括getelementbyid、getelementsbytagname、createelement、addeventlistener、removeeve
document 在 JavaScript 中的用法
document 對(duì)象是瀏覽器提供的 JavaScript 全局對(duì)象,它代表當(dāng)前打開的 HTML 文檔。它提供了一系列方法和屬性,用于與 DOM(文檔對(duì)象模型)交互,從而進(jìn)行頁面操作、表單驗(yàn)證或處理用戶交互等操作。
主要用途:
獲取和修改 DOM 元素
監(jiān)聽事件并處理用戶交互
訪問頁面元數(shù)據(jù)(如標(biāo)題、URL)
存儲(chǔ)和檢索數(shù)據(jù)(通過 cookie、localStorage)
使用方法:
document 對(duì)象自動(dòng)成為所有瀏覽器窗口的全局變量。因此,可以像以下這樣直接使用它:
document.getElementById("myElement").innerHTML = "Hello World!";
登錄后復(fù)制
主要屬性:
documentElement:指向 HTML 文檔的根元素 (html)。
body:指向 HTML 文檔的身體元素 (body)。
head:指向 HTML 文檔的頭元素 (head)。
cookie:包含當(dāng)前頁面 cookie 的字符串。
location:提供有關(guān)當(dāng)前頁面 URL 和位置的信息。
title:獲取或設(shè)置頁面的標(biāo)題。
主要方法:
getElementById(id):根據(jù)其 ID 獲取頁面中的元素。
getElementsByTagName(name):根據(jù)其名稱獲取頁面中所有匹配的元素。
createElement(element):創(chuàng)建新元素。
addEventListener(event, listener):監(jiān)聽元素上的特定事件。
removeEventListener(event, listener):移除事件監(jiān)聽器。
querySelector(selector):使用 CSS 選擇器獲取頁面中的元素。
querySelectorAll(selector):使用 CSS 選擇器獲取頁面中所有匹配的元素。






