js中document的用法

document 是 JavaScript 中的全域對象，用於與 HTML 文件互動。主要用途包括：取得和修改 DOM 元素監聽事件並處理使用者互動存取頁面元資料儲存和檢索資料使用方法：document 物件是全域變量，可以直接使用。屬性包括documentElement、body、head、cookie、location、title。主要方法包括getElementById、getElementsByTagName、createElement、addEventListener、removeEve

document 在JavaScript 中的用法

document 物件是瀏覽器提供的JavaScript 全域對象，它代表目前開啟的HTML 文件。它提供了一系列方法和屬性，用於與 DOM（文件物件模型）交互，從而進行頁面操作、表單驗證或處理使用者交互等操作。

主要用途：

• 取得並修改DOM 元素
• 監聽事件並處理使用者互動
• 存取頁面元資料（如標題、網址）
• 儲存與擷取資料（透過cookie、localStorage）

使用方法：

document 物件自動成為所有瀏覽器視窗的全域變數。因此，可以像以下這樣直接使用它：

<code class="javascript">document.getElementById("myElement").innerHTML = "Hello World!";</code>

主要屬性：

• #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 選擇器取得頁面中所有符合的元素。

以上是js中document的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！