JavaScript

[JavaScript] CSSセレクタ指定で要素を取得する(.querySelector/.querySelectorAll)

投稿日:2017年11月6日 更新日:

CSSセレクタ指定で要素を取得するには、.querySelector().querySelectorAll()を使用します。

querySelectorは、単一要素を取得します。
querySelectorAllは、複数要素を取得します。

サンプルソース

単一要素)id="hoge"の要素を取得する

複数要素)class="hoge"の要素を取得する

解説

  • 指定したCSSセレクタ要素が存在しない場合はnullが返ります。
  • querySelectorで複数要素が存在する場合は、1つめの要素が返ります。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] HTMLのDOCTYPEを取得する

HTMLのDOCTYPEを取得するには、document.doctypeを使用します。 サンプルソース 例)DOCTYP ...

[JavaScript] 選択中の文字列を取得する(.getSelection)

選択中の文字列を取得するには、window.getSelection() を使用します。 サンプルソース 例)ボタンを押 ...

[JavaScript] マウスボタン押下/押上イベントを取得する(onMouseDown, onMouseUp)

マウスボタンを押したイベントを取得するにはonmousedown、 押し下げたマウスボタンを離したイベントを取得するには ...

[jQuery] 画像アップロード時にプレビュー表示する(canvas版)

画像アップロード時にプレビュー表示するサンプルです。 ※canvas領域にプレビューします。 サンプルソース 例)画像を ...

[JavaScript] ページの最下部へ移動するサンプル

ボタンを押すと、ページの最下部へ移動するサンプルです。 サンプルソース 例)ボタンを押すとページの最下部へ移動する [c ...

スポンサーリンク