摘要:作用返回第一個匹配指定選擇器的文檔節點,按深度優先前序排列。聲明其中是一個對象是包含一個或者多個由逗號分隔的選擇器。在指定的選擇器參數是無效的時候會拋出一個異常。的字符串參數必須符合語法。按的指定,偽類不會返回任何元素。
作用
返回第一個匹配指定選擇器的文檔DOM節點,按深度優先前序排列。
聲明element = document.querySelector(selectors);
其中
element 是一個DOM對象.
selectors 是包含一個或者多個由逗號分隔的CSS選擇器。字符串。
在下面這個示例中,文檔中第一個具有 myclass 類的DOM元素將會被返回:
var el = document.querySelector(".myclass");
注意
假若沒有匹配到將返回 null 。否則返回第一個匹配到的元素。
假若選擇器是一個ID,但ID錯誤的在文檔中被使用了多次,它將返回第一個匹配到的元素。
在指定的選擇器參數是無效的時候會拋出一個 SYNTAX_ERR 異常。
querySelector() 由 Selectors API 引入。
querySelector 的字符串參數必須符合CSS語法。
按 Selectors API 的指定, CSS偽類不會返回任何元素。
如果需要匹配沒有按CSS聲明的選擇器,比如不適當的使用了冒號或者空格,你必須通過加斜杠轉義這些字符。因為斜杠‘/’本身在JavaScript中是個轉義字符,如果你想輸入了一個字面的字符,你需要轉義兩次,一次因為 JavaScript 字符串,一次因為 querySelector。
瀏覽器兼容性
IE8+、其他高級瀏覽器
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/85288.html
摘要:回調地獄異步程序書寫指南什么是回調地獄我們很難一眼就看懂異步,或者是使用回調函數的程序。通常回調函數會用在下載文件讀取文件或者數據庫相關事務等。注意還沒有被調用,它只是被創建然后最為回調函數傳入。 回調地獄 JavaScript異步程序書寫指南 什么是回調地獄? 我們很難一眼就看懂異步JavaScript,或者是使用回調函數的JavaScript程序。例如下面這段代碼: fs.read...
摘要:原生獲取元素替代替代很長一段時間以來,除了的選擇器之外,我一直在用下面這幾個方法獲取元素后來才發現這個方法,這個方法跟的獲取元素方法是一樣的。例子關于選擇器,參閱比如,現在需要獲取所有以開頭的元素,也就是說包含等元素,就這樣寫 原生 js 獲取 dom 元素 querySelector() 替代 getElementById() 替代 getElementById() 很長一段時間以來...
摘要:原生獲取元素替代替代很長一段時間以來,除了的選擇器之外,我一直在用下面這幾個方法獲取元素后來才發現這個方法,這個方法跟的獲取元素方法是一樣的。例子關于選擇器,參閱比如,現在需要獲取所有以開頭的元素,也就是說包含等元素,就這樣寫 原生 js 獲取 dom 元素 querySelector() 替代 getElementById() 替代 getElementById() 很長一段時間以來...
摘要:我們可以通過來檢查某個節點是否有子節點。通過可以用來取得父元素,返回值可能會是一個元素節點根節點或節點。與類似,通過可以取得同層之間的下一個節點,如果已經是最后一個節點,則返回。在上一篇的分享當中,我們簡單介紹了BOM 與DOM,也了解到JavaScript 是怎么通過它們提供的方法來與瀏覽器進行溝通。 當一個網頁被載入到瀏覽器時,瀏覽器會首先分析這個HTML 文檔,然后會依照這份HTML ...
閱讀 2085·2023-04-25 19:03
閱讀 1235·2021-10-14 09:42
閱讀 3414·2021-09-22 15:16
閱讀 1000·2021-09-10 10:51
閱讀 1579·2021-09-06 15:00
閱讀 2409·2019-08-30 15:55
閱讀 491·2019-08-29 16:22
閱讀 901·2019-08-26 13:49