javascript中document物件的方法

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

#JavaScript 中document 物件的方法

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

1. getElementById(id)

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

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

2. getElementsByTagName(name)

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

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

3. getElementsByClassName(name)

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

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

4. querySelector(selector)

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

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

5. querySelectorAll(selector)

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

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

6. createElement(name)

建立一個新的HTML 元素。

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

7. removeChild(element)

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

<code class="javascript">document.body.removeChild(element);</code>

8. appendChild(element)

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

範例：

<code class="javascript">document.body.appendChild(element);</code>

9. write(text)

在文件中寫入文字。

範例：

<code class="javascript">document.write('Hello, world!');</code>

10. writeln(text)

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

範例：

<code class="javascript">document.writeln('Hello, world!');</code>

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