在JavaScript中查詢節點是我們在前端開發中經常會使用的功能，它讓我們能夠快速地獲取到頁面上的元素，從而進行各種操作。下面我們就來詳細了解一下在JavaScript中如何查詢節點。

首先，我們可以使用querySelector()方法來查詢節點。該方法接收一個選擇器作為參數，返回匹配該選擇器的第一個元素，如果沒有匹配的元素則返回null。例如：

var elem = document.querySelector(".box");

上述代碼會返回頁面上class為box的第一個元素，我們可以繼續使用該節點進行相應的操作。

此外，我們還可以使用querySelectorAll()方法來獲取所有匹配的元素。該方法同樣接收一個選擇器作為參數，返回所有匹配該選擇器的元素的NodeList。例如：

var elems = document.querySelectorAll(".box");

上述代碼會返回頁面上class為box的所有元素，我們可以通過遍歷該NodeList來對這些元素進行操作。

除了querySelector()和querySelectorAll()方法，我們還可以使用getElementById()、getElementsByClassName()和getElementsByTagName()方法來查詢節點。其中，前兩個方法返回的是單個元素，而最后一個方法返回的是一個NodeList。例如：

var elem = document.getElementById("box");
var elems = document.getElementsByClassName("box");
var elems = document.getElementsByTagName("div");

在查詢節點后，我們可以對節點進行一系列操作，例如更改其屬性、樣式等等。下面是一些常用的對節點進行操作的方法：

elem.innerHTML = "new content";
elem.setAttribute("class", "newClass");
elem.style.backgroundColor = "red";
elem.classList.add("active");

上述代碼可以分別用來更改節點內容、修改節點屬性、修改節點樣式、添加節點類名等操作。

總之，在JavaScript中查詢節點是一個非常重要的操作，無論是操作頁面還是進行DOM操作，查詢節點都是必不可少的。希望本文能夠對大家有所幫助。