javascript有選擇器嗎-前端問答-PHP中文網

javascript有選擇器。常用js選擇器有：getElementById()、getElementsByName()、getElementsByTagName()、querySelector()、querySelectorAll()等。

javascript有選擇器嗎

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

javascript有選擇器。

JavaScript最常用於取得或修改HTML元素的內容或值以及套用某些效果。

為此，您必須先找到元素。而javascript選擇器就是用來匹配元素的，查找方法：

常用js選擇器有：getElementById()、getElementsByName()、getElementsByTagName()、getElementsByClassName()、querySelector()、querySelectorAll()。

按ID找出HTML元素

您可以使用getElementById()方法根據元素的唯一ID來選擇元素。

這是在DOM樹中找到HTML元素最簡單的方法。

以下範例選擇一個具有ID屬性id="msg"的元素：

var x = document.getElementById("msg");

登入後複製

如果找到該元素，則該方法將把該元素作為物件傳回。

如果找不到該元素，則myElement將包含null。

透過標籤名稱尋找HTML元素

您也可以使用getElementsByTagName()方法透過標記名稱來選擇HTML元素。

此方法傳回具有指定標籤名稱的文件中所有元素的類似陣列的清單。

範例：選擇所有

元素：

var x = document.getElementsByTagName("p");

登入後複製

透過類別名稱尋找HTML元素

您可以使用該getElementsByClassName()方法選擇具有特定類別名稱的所有元素。

此方法傳回具有指定類別名稱的文件中所有元素的類似陣列的清單。

此範例傳回所有帶有class="demo"的元素的清單：

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

登入後複製

#透過CSS選擇器來尋找HTML元素

您可以使用該querySelectorAll()方法來選擇與指定的CSS選擇器相符的元素（ID，類，類型等）。

此方法傳回與指定選擇器相符的所有元素的類似陣列的清單。

CSS選擇器提供了一個非常強大有效的選擇文件中HTML元素的方法。

var x = document.querySelectorAll("div");

登入後複製

透過HTML物件集合尋找HTML元素

HTML文件中最頂層的元素可以直接用作文件屬性。

例如，可以使用屬性存取元素document.documentElement。

所述元件可以與被存取document.body屬性。

var html = document.documentElement;
var body = document.body;

登入後複製

注意：如果document.body在標記之前使用（例如，在內），它將傳回null而不是body元素。

也可以存取以下HTML物件（和物件集合）：

##document.bodydocument.cookiedocument.doctypedocument.documentElementdocument.documentModedocument.documentURI##document. domain傳回文件伺服器的網域名稱已廢棄；傳回所有

元素##傳回所有元素document.head#回傳元素document.images#返回所有元素document.implementation傳回DOM實作##document.scripts傳回所有

作者最新文章