JavaScript

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

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

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

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

サンプルソース

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] ブラウザの「お気に入りの追加」ボタンを実装する

ブラウザの「お気に入りの追加」ボタンを実装するには、 window.external.AddFavoriteを使用します ...

[JavaScript] 文字列のバイト数を取得する

文字列のバイト数を取得するサンプルFunctionです。 サンプル 例)引数に渡された値のバイト数を取得するFuncti ...

[JavaScript] メッセージIDでメッセージを管理する

メッセージIDを定義して、定義したIDでメッセージを管理するサンプルです。 サンプルソース 例)メッセージの定義と呼び出 ...

[JavaScript] 文字列の一部分を切り出す(substr, substring, slice)

文字列の一部分を切り出すには、 substrを使う方法、substringを使う方法、sliceを使う方法があります。 ...

[JavaScript] 画像をキャッシュさせない方法

HTMLで画像を表示するにはimgタグを使用しますが、一度使用した画像はブラウザにキャッシュされるため意図しない画像が表 ...

スポンサーリンク