JavaScript DOM是Web开发中最重要的一部分。DOM是Document Object Model的缩写，是HTML或XML文档的程序化接口。JavaScript使用DOM来访问和操作文档，使我们可以使用JavaScript来动态地更新和改变HTML文档的内容、结构和样式。

我们可以使用JavaScript来改变document对象的属性，例如用以下代码来改变网页的标题：

document.title = "新标题";

还可以使用DOM来选取特定的元素并进行操作。比如，假设我们有以下HTML代码：

<ul id="list">
<li>苹果</li>
<li>香蕉</li>
<li>橙子</li>
</ul>

我们可以使用下面的JavaScript代码来选取列表中的第一个元素并进行一些操作：

var firstItem = document.getElementById("list").getElementsByTagName("li")[0];
firstItem.textContent = "草莓";

这个代码将列表中第一个元素的内容更改为“草莓”。通过使用document.getElementById()方法和getElementsByTagName()方法，我们选择了列表中的第一个元素。然后，我们使用textContent属性来更改元素的文本内容。

DOM还有很多其他强大的功能。比如，可以使用DOM来创建新元素、添加、删除和移动元素，还可以使用事件处理程序来响应用户操作。以下是一个创建新元素并将它添加到文档中的示例代码：

var newParagraph = document.createElement("p");
var paragraphText = document.createTextNode("新段落");
newParagraph.appendChild(paragraphText);
document.body.appendChild(newParagraph);

该代码创建一个新的<p>元素，然后将文本内容“新段落”添加到该元素中。最后，我们将这个新元素添加到文档的body中。

DOM是Web开发中不可或缺的一部分。在HTML和JavaScript之间，它们共同为我们提供了一种强大、灵活和动态的Web开发方式。JavaScript DOM 29，让我们一起探索，将我们的网页变得更加复杂和动态。