javascript中document的方法

JavaScript 中的 document 物件提供存取和操作 HTML 文件的方法。常見方法包括：getElementById(id)：根據 ID 取得元素。 getElementsByTagName(tag)：根據標籤名稱取得元素集。 getElementsByClassName(class)：根據類別名稱取得元素集合。 querySelector(selector)：根據 CSS 選擇器取得第一個符合元素。 querySelectorAll(selector)：根據 CSS 選擇器取得匹配元素集合。

JavaScript 中 document 方法

JavaScript 中的 document 物件表示目前 HTML 文件。它為存取和操作文件元素和結構提供了豐富的 API。

常見document 方法

以下是最常用的document 方法：

• getElementById(id): 根據元素的id 屬性取得元素引用。
• getElementsByTagName(tag): 根據標籤名稱取得所有符合元素的集合。
• getElementsByClassName(class): 根據類別名稱取得所有符合元素的集合。
• querySelector(selector): 使用 CSS 選擇器取得第一個符合元素。
• querySelectorAll(selector): 使用 CSS 選擇器取得所有符合元素的集合。
• createElement(element): 建立一個新元素。
• appendChild(child): 將子元素附加到目前元素。
• removeChild(child): 從目前元素移除子元素。
• createTextNode(text): 建立一個文字節點。
• write(text): 寫入 HTML 程式碼到文件流。

使用document 方法

要使用document 方法，可以使用下列語法：

<code class="javascript">document.<method_name>(parameters);</code>

例如，要根據id 取得元素，可以使用以下程式碼：

<code class="javascript">const element = document.getElementById("element-id");</code>

其他方法

除了上面列出的方法之外，document 物件還提供了以下附加方法：

• addEventListener(event, listener): 為文件新增事件監聽器。
• removeEventListener(event, listener): 從文件移除事件監聽器。
• getComputedStyle(element): 取得元素的計算樣式。
• documentElement: 傳回文件的根元素 (通常是 元素)。
• body: 傳回文件的主體部分元素 (通常是 元素)。

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