JavaScript DOM 節點是 JavaScript 中的一個重要部分。它允許您訪問和操作 HTML 或 XML 文檔的所有元素。使用 DOM 方法和屬性，您可以添加、刪除和修改節點，更改節點內容和屬性，并對節點應用樣式。
JavaScript DOM 節點可以分為三類：元素節點、文本節點和屬性節點。元素節點是 HTML 和 XML 中的標記，例如 <body> 和 <p>。文本節點是元素節點內的文本。屬性節點是元素節點的屬性，例如:class，id 和 style。
// 舉例說明元素節點
<div id="myDiv">
<p>Hello World!</p>
</div>
// 在 JavaScript 中選擇該元素節點
var myDiv = document.getElementById("myDiv");該代碼返回具有 id“myDiv”的 div 元素，并將其存儲在 myDiv 變量中。
// 舉例說明文本節點
<div id="myDiv">
<p>Hello World!</p>
</div>
// 將該元素節點的文本內容存儲在 JavaScript 變量中
var message = document.getElementById("myDiv").firstChild.nodeValue;該代碼返回 myDiv 元素節點的第一個子節點，即“Hello World!”文本節點的值，并將其存儲在 message 變量中。
// 舉例說明屬性節點
<div id="myDiv" class="container">
<p>Hello World!</p>
</div>
// 將該元素節點的 class 屬性存儲在 JavaScript 變量中
var myClass = document.getElementById("myDiv").getAttribute("class");該代碼返回 myDiv 元素節點的 class 屬性的值，并將其存儲在 myClass 變量中。
JavaScript DOM 節點還可以用于創建新節點、添加節點、移除節點、替換節點、克隆節點等。例如，以下代碼將創建一個新的 p 元素節點，并將其添加到具有 id“myDiv”的元素節點中：
// 創建新元素節點
var newElement = document.createElement("p");
newElement.innerHTML = "This is a new paragraph.";
// 向 myDiv 元素節點添加新元素節點
var myDiv = document.getElementById("myDiv");
myDiv.appendChild(newElement);該代碼將創建一個新的 p 元素節點，設置其 innerHTML 屬性為“This is a new paragraph.”，然后將其添加到 myDiv 元素節點的末尾。
最后，要注意的是，在涉及到改變 DOM 節點的屬性和內容時，應該謹慎操作，因為它們可能會影響到整個頁面的布局和樣式。