English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
querySelector()指定された選択子または選択子グループに一致するドキュメント内の最初の要素を返します。
一致するものがない場合nullを返します。
querySelector()メソッドは指定された選択子に一致する最初の要素のみを返します。すべての一致する要素を返すには、代わりにquerySelectorAll()メソッド。
document.querySelector(selectors)
document.querySelector('h1');テストして‹/›テーブルの数字はquerySelector()メソッドを完全にサポートする最初のブラウザのバージョンを指定します：
| メソッド | |||||
| querySelector() | 1 | 3.5 | 10 | 3.2 | 8 |
| パラメータ | 説明 |
|---|---|
| selectors | 一つまたは複数の一致する選択子を含む文字列。この文字列は有効なCSSセレクタ文字列 |
| 返り値： | 指定されたCSSセレクタ集匹配的第一个元素的Elementオブジェクト、一致するものがない場合nullを返します。 |
|---|---|
| 例外情况： | SyntaxError-指定されたセレクタ文字列の構文が無効です |
| DOMバージョン： | DOMレベル1 |
id="para"の最初の要素を取得する：
document.querySelector('#para');テストして‹/›class="demo"を使用して最初の要素を取得する：
document.querySelector(".demo");テストして‹/›ドキュメント内の親要素が<div>の最初の<p>要素を取得する：
document.querySelector("div > p");テストして‹/›CSSチュートリアル：CSSセレクタ
CSSリファレンス：CSS#idセレクタ
CSSリファレンス：CSS .classセレクタ
DOM Document querySelectorAll()メソッド
DOM Document getElementsByClassName()メソッド
DOM Document getElementsByTagName()メソッド