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 是理解和构建交互式和动态内容网页的关键。