DOM（文档对象模型）是一种用于访问和操作HTML和XML文档的API。DOM树是一种树状结构，用于表示文档的内容和结构。在DOM中，每个HTML标签都被表示为一个节点，节点之间通过父子关系连接起来。

在JavaScript中，我们可以使用DOM API来动态地修改HTML文档的内容和结构。下面是一些常见的DOM操作：

1. 选择元素：使用document对象的getElementById、getElementsByClassName、getElementsByTagName等方法来选择HTML元素。

2. 修改元素内容：使用innerHTML属性来修改元素的内容。例如，可以使用document.getElementById('myElement').innerHTML = '新内容'来将元素的内容修改为“新内容”。

3. 修改元素样式：使用style属性来修改元素的样式。例如，可以使用document.getElementById('myElement').style.color = 'red'来将元素的文本颜色修改为红色。

4. 创建元素：使用createElement方法来创建新的HTML元素。例如，可以使用document.createElement('div')来创建一个新的div元素。

5. 插入元素：使用appendChild方法来将一个元素插入到另一个元素中。例如，可以使用document.getElementById('myParent').appendChild(newElement)来将一个新元素插入到id为“myParent”的元素中。

6. 删除元素：使用removeChild方法来删除元素。例如，可以使用document.getElementById('myElement').parentNode.removeChild(document.getElementById('myElement'))来删除id为“myElement”的元素。

总之，DOM API提供了丰富的方法来操作HTML文档。通过使用这些方法，我们可以动态地修改HTML文档的内容和结构，实现更加灵活和交互性的网页效果。