DOM（Document Object Model）是一種用于表示和操作HTML或XML文檔的標(biāo)準(zhǔn)接口。在JavaScript中，我們可以使用DOM命令來(lái)對(duì)文檔進(jìn)行操作，包括創(chuàng)建、修改、刪除元素以及獲

DOM（Document Object Model）是一種用于表示和操作HTML或XML文檔的標(biāo)準(zhǔn)接口。在JavaScript中，我們可以使用DOM命令來(lái)對(duì)文檔進(jìn)行操作，包括創(chuàng)建、修改、刪除元素以及獲取和設(shè)置元素的屬性和內(nèi)容。

1. 創(chuàng)建元素

使用createElement()方法可以在文檔中創(chuàng)建新的元素節(jié)點(diǎn)。例如，我們可以使用以下代碼創(chuàng)建一個(gè)新的段落元素：

```javascript

var newPara ('p');

```

2. 添加元素

使用appendChild()方法可以將一個(gè)元素節(jié)點(diǎn)添加到另一個(gè)元素節(jié)點(diǎn)的子節(jié)點(diǎn)列表的末尾。例如，我們可以將上面創(chuàng)建的新段落元素添加到頁(yè)面的body元素中：

```javascript

(newPara);

```

3. 修改元素

使用innerHTML屬性可以修改元素的內(nèi)容。例如，我們可以使用以下代碼將段落元素的內(nèi)容修改為"Hello, World!"：

```javascript

"Hello, World!";

```

4. 刪除元素

使用removeChild()方法可以從文檔中刪除一個(gè)元素節(jié)點(diǎn)。例如，我們可以使用以下代碼刪除上面創(chuàng)建的段落元素：

```javascript

(newPara);

```

5. 獲取和設(shè)置屬性

使用getAttribute()方法可以獲取元素的指定屬性值，使用setAttribute()方法可以設(shè)置元素的指定屬性值。例如，我們可以使用以下代碼獲取和設(shè)置一個(gè)圖片元素的src屬性值：

```javascript

var img ('myImage');

var src ('src');

('src', '');

```

總結(jié)：

本文介紹了DOM命令的常用操作，包括創(chuàng)建、添加、修改和刪除元素，以及獲取和設(shè)置元素的屬性。通過(guò)學(xué)習(xí)和掌握這些DOM命令，讀者可以更好地進(jìn)行網(wǎng)頁(yè)的動(dòng)態(tài)交互和內(nèi)容操作。希望本文能夠?qū)ψx者在DOM操作方面提供幫助。