JavaScript 對(duì)象
- JavaScript Array 對(duì)象
- JavaScript Boolean 對(duì)象
- JavaScript CSS 樣式聲明對(duì)象
- JavaScript Math 對(duì)象
- JavaScript Number 對(duì)象
- JavaScript String 對(duì)象
- JavaScript 正則表達(dá)式(RegExp) 對(duì)象
- JavaScript Console 對(duì)象
JavaScript 參考手冊(cè)
JS DOM參考手冊(cè)
- JS和HTML DOM參考手冊(cè)
- HTML DOM Attribute 對(duì)象
- HTML DOM Document 對(duì)象
- HTML DOM Element 對(duì)象
- JavaScript History 對(duì)象
- JS DOM HTMLCollection 對(duì)象
- JavaScript Location 對(duì)象
- JavaScript Navigator 對(duì)象
- JavaScript Screen 對(duì)象
- HTML DOM Style 對(duì)象
- JavaScript Window 對(duì)象
- JS Storage 對(duì)象
- Event Objects(事件對(duì)象)
- HTML DOM Events
HTML DOM querySelector() 方法
querySelector()返回文檔中與指定的選擇器或選擇器組匹配的第一個(gè)元素。
如果找不到匹配項(xiàng)，則返回null。
querySelector()方法僅返回與指定選擇器匹配的第一個(gè)元素。要返回所有匹配項(xiàng)，請(qǐng)改用querySelectorAll()方法。
語(yǔ)法：
document.querySelector(selectors)
document.querySelector('h1');測(cè)試看看?/?瀏覽器兼容性
表中的數(shù)字指定了完全支持querySelector()方法的第一個(gè)瀏覽器版本：
| Method |  |  |  |  |  |
| querySelector() | 1 | 3.5 | 10 | 3.2 | 8 |
參數(shù)值
| 參數(shù) | 描述 |
|---|---|
| selectors | 包含一個(gè)或多個(gè)要匹配的選擇器的字符串。此字符串必須是有效的CSS選擇器字符串 |
技術(shù)細(xì)節(jié)
| 返回值： | 表示文檔中與指定的CSS選擇器集匹配的第一個(gè)元素的Element對(duì)象，如果不存在匹配項(xiàng)，則返回null。 |
|---|---|
| 例外情況： | SyntaxError-指定的選擇器字符串的語(yǔ)法無(wú)效 |
| DOM版本： | DOM級(jí)別1 |
更多實(shí)例
獲取id="para"的第一個(gè)元素：
document.querySelector('#para');測(cè)試看看?/?使用class="demo"獲取第一個(gè)元素：
document.querySelector(".demo");測(cè)試看看?/?獲取文檔中父元素為<div>元素的第一個(gè)<p>元素：
document.querySelector("div > p");測(cè)試看看?/?相關(guān)參考
CSS教程：CSS選擇器
CSS參考：CSS#id選擇器
CSS參考：CSS .class選擇器
DOM Document querySelectorAll()方法
DOM Document getElementsByClassName()方法
DOM Document getElementsByTagName()方法