如何取得 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 元素。
const element = document.getElementById('my-element');
2. getElementsByClassName()
此方法用於根據其 class 屬性取得一組 DOM 元素。
const elements = document.getElementsByClassName('my-class');
3. getElementsByTagName()
此方法用於根據其標籤名稱取得一組 DOM 元素。
const elements = document.getElementsByTagName('p');
4. querySelector()
此方法用於根據 CSS 選擇器取得單一 DOM 元素。
const element = document.querySelector('p#my-paragraph');
5. querySelectorAll()
此方法用於根據 CSS 選擇器取得一組 DOM 元素。
const elements = document.querySelectorAll('.my-class');
範例
以下範例使用getElementById()
方法取得一個具有ID 為「my-paragraph」的段落元素:
const paragraph = document.getElementById('my-paragraph'); paragraph.innerHTML = 'Hello, JavaScript!';
以上是javascript中如何取得dom對象的詳細內容。更多資訊請關注PHP中文網其他相關文章!