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