JavaScript節點是指HTML文檔中的元素、屬性、文本等。在講解節點之前，我們需要對HTML文檔的基本結構有所了解。HTML文檔的基本結構如下：
<!DOCTYPE html> <html> <head> <title>這是文檔標題</title> </head> <body> <h1>這是一級標題</h1> <p>這是一個段落</p> </body> </html>
在上述HTML文檔基本結構中，我們可以將<html>、<head>、<title>、<body>、<h1>以及<p>視為節點。其中，<html>節點是整個HTML文檔的根節點，其他節點都是它的子節點。<head>、<title>和<body>節點是<html>節點的子節點，<h1>和<p>節點是<body>節點的子節點。節點之間通過層級關系來組合構成一個具體的HTML文檔。
在JavaScript中，可以通過DOM（文檔對象模型）API來操作節點。DOM是指將HTML文檔看作一個樹形結構，每個HTML元素都是樹中的一個節點，這個節點包含了各種屬性信息，同時還有父節點和子節點，這就是DOM。通過DOM的API，我們可以動態地修改HTML文檔的結構、樣式和內容。
我們可以通過JavaScript代碼來獲取節點，比如獲取HTML文檔中的第一個<p>節點：
var pElement = document.querySelector('p');上述代碼中的document就是DOM的API對象，querySelector方法用于查詢HTML文檔中符合條件的第一個元素。示例代碼會返回HTML文檔中的第一個<p>節點。
通過DOM API，我們可以修改節點的屬性和值。比如通過JavaScript代碼來修改<h1>節點的文本內容：
var h1Element = document.querySelector('h1');
h1Element.textContent = '這是新的一級標題';上述代碼中的textContent屬性可以用于獲取或設置HTML元素的文本內容。通過上述代碼，我們可以改變HTML文檔的標題。
除了屬性和文本內容之外，我們還可以通過DOM API來直接添加、刪除和替換節點。比如添加一個新的<div>節點到HTML文檔中：
var divElement = document.createElement('div');
divElement.textContent = '這是一個新的div節點';
document.body.appendChild(divElement);上述代碼中，我們首先使用createElement方法創建了一個新的<div>節點，并設置了它的文本內容。接著，通過appendChild方法將<div>節點添加到了<body>節點中。最后，在HTML文檔中就會新增一個<div>節點。
在實際開發中，我們常常需要使用JavaScript來操作HTML節點，實現動態的頁面效果。比如通過添加和刪除<class>屬性，來改變元素的樣式，或者添加一些交互效果，如點擊事件、鼠標事件等。通過合理地使用JavaScript操作節點，可以讓我們更方便地操作HTML文檔，實現更加豐富的頁面效果和交互體驗。