JavaScript DOM是什么？簡而言之，它是JavaScript操作網頁內容的方法。所謂DOM，全稱Document Object Model，指的是文檔對象模型，也就是將HTML文檔解釋成一系列節點，并將這些節點組成的樹形結構作為一個對象模型。
舉個例子，假設我有一個index.html文件，其中包含以下內容：
<html>
<head>
<title>My Title</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>使用JavaScript DOM，我可以訪問HTML中的各個元素，并修改它們的屬性、樣式等等。例如，以下代碼使用DOM將頁面標題修改為"My New Title"：
const title = document.querySelector('title');
title.innerHTML = 'My New Title';在這個例子中，我們使用了querySelector方法選擇了文檔中的title元素，并使用innerHTML屬性將其內容修改為"My New Title"。
除了可以訪問和修改元素的屬性外，JavaScript DOM還支持添加和刪除元素。例如，以下代碼向頁面添加了一個新的段落元素：
const body = document.querySelector('body');
const newParagraph = document.createElement('p');
newParagraph.innerHTML = 'This is a new paragraph.';
body.appendChild(newParagraph);在這個例子中，我們使用createElement方法創建了一個新的段落元素，并使用appendChild方法將其添加到頁面的body元素中。
除了這些基本的操作外，JavaScript DOM還提供了許多其他方法和屬性，允許我們遍歷和操作文檔對象模型。例如，以下代碼將遍歷文檔中的所有段落元素，并將它們的文本內容輸出到控制臺：
const paragraphs = document.querySelectorAll('p');
for (let i = 0; i < paragraphs.length; i++) {
console.log(paragraphs[i].innerHTML);
}在這個例子中，我們使用了querySelectorAll方法選擇了文檔中的所有段落元素，并使用了for循環將它們遍歷一遍。
總之，JavaScript DOM是使用JavaScript操作HTML文檔的重要方法之一。無論是修改、添加還是刪除元素，DOM都能幫助我們輕松實現，而且還支持各種各樣的遍歷和操作方法。