javascript中如何取得dom對象

如何取得 DOM 物件？在 JavaScript 中，可使用下列方法取得 DOM 物件：getElementById()：根據 ID 屬性取得 DOM 元素。 getElementsByClassName()：根據 class 屬性取得 DOM 元素集合。 getElementsByTagName()：根據標籤名稱取得 DOM 元素集合。 querySelector()：根據 CSS 選擇器取得單一 DOM 元素。 querySelectorAll()：根據 CSS 選擇器取得 DOM 元素集合。

如何在JavaScript 中取得DOM 物件

在JavaScript 中，有幾種方法可以取得文件物件模型(DOM) 物件：

1. getElementById()

#此方法用於根據其ID 屬性取得DOM 元素。

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

2. getElementsByClassName()

此方法用於根據其 class 屬性取得一組 DOM 元素。

<code class="javascript">const elements = document.getElementsByClassName('my-class');</code>

3. getElementsByTagName()

此方法用於根據其標籤名稱取得一組 DOM 元素。

<code class="javascript">const elements = document.getElementsByTagName('p');</code>

4. querySelector()

此方法用於根據 CSS 選擇器取得單一 DOM 元素。

<code class="javascript">const element = document.querySelector('p#my-paragraph');</code>

5. querySelectorAll()

此方法用於根據 CSS 選擇器取得一組 DOM 元素。

<code class="javascript">const elements = document.querySelectorAll('.my-class');</code>

範例

以下範例使用getElementById() 方法取得一個具有ID 為「my-paragraph」的段落元素：

<code class="javascript">const paragraph = document.getElementById('my-paragraph');
paragraph.innerHTML = 'Hello, JavaScript!';</code>

以上是javascript中如何取得dom對象的詳細內容。更多資訊請關注PHP中文網其他相關文章！