javascript中document物件的方法

document 物件提供各種方法來存取和修改HTML 文件，包括：取得具有指定ID 的元素（透過getElementById）根據標籤名稱取得元素集合（透過getElementsByTagName）根據類別名稱取得元素集合（透過getElementsByClassName ）使用CSS 選擇器尋找元素（透過querySelector 和querySelectorAll）建立新元素（透過createElement）從文件中移除元素（透過removeChild）將元素追蹤到文件中（透過

#JavaScript 中document 物件的方法

document 物件在JavaScript 中扮演著至關重要的角色，它提供了廣泛的方法來存取和修改HTML 文件。以下是document 物件的一些常用方法：

1. getElementById(id)

取得具有指定ID 的HTML 元素。範例：

const element = document.getElementById('my-element');

2. getElementsByTagName(name)

取得指定標籤名稱的HTML 元素集合。 ：

const elements = document.getElementsByTagName('p');

3. getElementsByClassName(name)

取得指定類別名稱的HTML 元素集合。

const elements = document.getElementsByClassName('my-class');

4. querySelector(selector)

#使用CSS 選擇器尋找第一個符合條件的HTML 元素。 #範例：

const element = document.querySelector('div.my-div');

5. querySelectorAll(selector)

使用CSS 選擇器尋找所有符合條件的HTML 元素。 ##範例：

const elements = document.querySelectorAll('p.my-paragraph');

6. createElement(name)

建立一個新的HTML 元素。

const element = document.createElement('p');

7. removeChild(element)

#從文件移除一個HTML 元素。 #

document.body.removeChild(element);

8. appendChild(element)

#將一個HTML 元素追蹤到文件中。

範例：

document.body.appendChild(element);

9. write(text)

在文件中寫入文字。

範例：

document.write('Hello, world!');

10. writeln(text)

在文件中寫入文字並換行。

範例：

document.writeln('Hello, world!');

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