javascript有選擇器嗎

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

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

javascript有選擇器。

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

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

• 透過ID找出HTML元素

• 透過標籤名稱找出HTML元素

• 透過類別名稱找出HTML元素

• 透過CSS選擇器尋找HTML元素

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

常用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元素。

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

範例：選擇所有e388a4556c0f65e1904146cc1a846bee元素：

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文件中最頂層的元素可以直接用作文件屬性。

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

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

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

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

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

##document.bodydocument.cookiedocument.doctypedocument.documentElementdocument.documentModedocument.documentURI##document. domain傳回文件伺服器的網域名稱已廢棄；傳回所有d8e2720730be5ddc9c2a3782839e8eb6元素##傳回所有ff9c23ada1bcecdd1a0fb5d5a0f18437元素document.head#回傳93f0f5c25f18dab9d176bd4f6de5d30e元素document.images#返回所有a1f02c36ba31691bcfe87b2722de723b元素document.implementation傳回DOM實作##document.scripts傳回所有3f1c4e4b6b16bbbd69b2ee476dc4f83a元素document.strictErrorChecking傳回是否強制執行錯誤檢查# document.title傳回b2386ffb911b14667cb8f0f91ea547a7元素#document.URL#【相關推薦：

屬性	描述
#document.anchors	傳回所有具有名稱屬性的3499910bf9dac5ae3c52d5ede7383485元素
document.applets	傳回所有082dedeb30a00d0e6e2cdb74a392fac3元素（在HTML5中已棄用）
document.baseURI	#傳回文件的絕對基本URI
##傳回	元素
傳回文件的cookie
#傳回文件的文件類型
#回傳100db36a723c770d327fc0aef2ce13b1元素
傳回瀏覽器所使用的模式
傳回文件的URI
	##document.domConfig
回傳DOM設定	#document.embeds
	document.forms
##document.inputEncoding	#傳回文件的編碼（字元集）
document.lastModified	傳回文件更新的日期和時間
document .links	傳回所有具有href屬性的03fc64e1e502d5ba947b3a9af06d2d2a和3499910bf9dac5ae3c52d5ede7383485元素
document.readyState	##傳回文件的（加載中）狀態
document.referrer	傳回引用者的URI（連結文件）
##傳回文件的完整URL
javascript學習教學	】

以上是javascript有選擇器嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！