JavaScript選擇器用於在HTML文件中選取元素並對其進行操作。以下是常用的JavaScript選擇器:
-
getElementById:
#透過元素的ID屬性選擇元素,傳回符合的第一個元素。
-
getElementsByClassName:
透過元素的類別名稱選擇元素,傳回一個包含所有符合元素的HTMLCollection。
-
getElementsByTagName:
透過元素的標籤名稱選擇元素,傳回一個包含所有符合元素的HTMLCollection。
-
querySelector:
透過CSS選擇器選擇元素,傳回符合的第一個元素。
-
querySelectorAll:
透過CSS選擇器選擇元素,傳回一個包含所有符合元素的NodeList。
這些選擇器可以根據需要靈活使用。例如,如果想要選擇ID為"myElement"的元素,可以使用getElementById("myElement");如果想要選擇類別名為"myClass"的所有元素,可以使用getElementsByClassName("myClass");如果想要選擇所有段落元素,可以使用getElementsByTagName("p");如果想要選擇第一個類別名為"myClass"的元素,可以使用querySelector(".myClass")等。
要注意的是,getElementById是針對整個文件唯一的ID選擇元素,而其他選擇器可以選擇多個符合的元素。另外,HTMLCollection和NodeList都是類別數組對象,可以透過索引或循環來遍歷其中的元素。