DOM（Document Object Model）是JavaScript中最重要的部分之一。根據W3C標準，DOM定義了一種可擴展的標記語言的結構，也就是說，通過DOM，開發人員可以使用JavaScript來解析和操作HTML和XML文檔中的任何元素。

舉例來說，如果我們想改變一個HTML頁面的文本樣式，那么我們可以通過DOM來實現。我們可以使用JavaScript選擇要更改的元素并更新它們的CSS屬性。

// 選擇元素
var heading = document.querySelector('h1');
// 更改樣式
heading.style.color = 'red';
heading.style.backgroundColor = 'yellow';

這個例子中，我們使用querySelector方法來選擇了頁面中的一個h1元素，然后通過更改其樣式來實現了頁面的修改。DOM的可擴展性使得這種操作變得非常容易。

DOM還允許我們訪問和操作頁面中的所有元素。比如，我們可以創建一個新的元素并將其插入到頁面中：

// 創建一個新元素
var newDiv = document.createElement('div');
// 添加文本
newDiv.textContent = 'Hello World!';
// 添加到頁面
document.body.appendChild(newDiv);

在這個例子中，我們使用createElement方法來創建一個新的div元素，然后使用textContent屬性向其添加文本內容。最后，我們使用appendChild方法將元素添加到頁面的中。

DOM還可以讓我們通過選擇器來查找元素。我們可以使用CSS選擇器來查找頁面中的元素，并返回一個DOM對象：

// 選擇所有具有“myClass”類的元素
var elements = document.querySelectorAll('.myClass');
// 循環所有元素并更改他們的樣式
for (var i = 0; i < elements.length; i++) {
elements[i].style.color = 'blue';
elements[i].style.backgroundColor = 'pink';
}

在這個例子中，我們使用querySelectorAll方法來選擇頁面中所有具有“myClass”類的元素，然后在循環中通過更改CSS屬性來操作它們。

DOM是JavaScript的重要組成部分，它為開發人員提供了靈活和可擴展的標記語言的結構，以及訪問和操作頁面元素的能力。這樣，開發人員就可以通過JavaScript來創建互動式應用程序和網站，使用戶能夠與頁面感到更加舒適和自在。