JavaScript DOM (Document Object Model) 是指一種用于訪問 HTML 文檔中元素的標準化方式。DOM 基于一組 API，允許開發者利用 JavaScript 操作 HTML 頁面的內容，并可以動態地修改和更新網頁內容，從而增強用戶體驗。

在 JavaScript 中，可以使用 DOM API 來獲取、創建、修改或刪除 HTML 元素。下面是一個簡單的例子，展示如何使用 DOM API 改變網頁標題：

var title = document.getElementsByTagName('title')[0];
title.innerHTML = 'New Title';

在此例中，使用document.getElementsByTagName方法來獲取文檔中的標題元素，然后使用innerHTML屬性來改變標題文本內容。

DOM API 還可以通過選擇器來獲取具有特定類別或 ID 的 HTML 元素。下面是一個例子：

var element = document.querySelector('.my-class');

上面的代碼使用 CSS 類名my-class來獲取第一個匹配的元素，并將其儲存在變量element中。

DOM 不僅僅可以用于修改文檔的內容，也可用于包含 JavaScript 代碼的 HTML 元素的事件處理。下面是一個例子，當用戶點擊一個按鈕時，可以觸發一個事件：

var button = document.getElementById('my-button');
button.addEventListener('click', function() {
alert('Button Clicked');
});

在上面的例子中，首先使用document.getElementById方法來獲取 ID 為 'my-button' 的元素，然后使用addEventListener方法來將事件處理函數附加到按鈕元素上。

JavaScript DOM 是一種用于操作網頁內容的強大工具，可以優化用戶的體驗。掌握 DOM API 是理解和構建交互式和動態內容網頁的關鍵。