通過類名查找元素和通過 CSS 選擇器查找元素有什么區別？

Question

班級名稱：

var x = document.getElementsByClassName("intro");

CSS 選擇器：

var x = document.querySelectorAll("p.intro");

我很困惑是有什么區別還是兩者都一樣？

Answer 1

document.getElementsByClassName("intro"); 返回一個 html 元素數組document.querySelectorAll("p.intro"); 返回節點數組

並且這里解釋了元素和節點之間的區別

Answer 2

類名是一種 CSS 選擇器，我們也有元素、id、偽選擇器，這些可以以不同的方式組合。 查看完整列表https://www.w3schools.com/cssref/css_selectors.asp

document.getElementsByClassName只會讓你輸入類選擇器document.querySelectorAll允許你使用所有並以各種方式組合它們，就像你對p.intro所做的p.intro

正如所指出的，如果該元素擁有所有類名，您可以通過使用多個類名來微調類選擇。