JavaScript

[JavaScript] 指定したタグ全てにスタイルを適用する

投稿日:2016年10月2日 更新日:

JavaScriptで指定したタグ全てにスタイルを適用するサンプルです。
例えば、全てのpタグの背景色を赤くするなどということができます。

サンプルソース

例)全てのpタグの背景色を赤色にする

実行サンプル

ボタンを押すと、このページのpタグ使用箇所が全て赤くなります。

ここはpタグ領域です

ここはdivタグ領域です

※元に戻すには、[F5]キー等でページをリロードして下さい。

解説

  • document.getElementsByTagNameを使うと、指定したタグのオブジェクトが配列で取得できます。
  • 取得した要素1つ1つに対して背景色を指定することで、表題の機能を実現させています。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] イベント処理を動的に追加する(addEventListener)

clickイベントなどのイベント処理を、JavaScriptで動的に追加するには addEventListenerを使用 ...

[JavaScript] で変数を宣言する(var, let)

JavaScriptで変数を宣言するには、var または letを使用します。 ※letはECMAScript6以降対応 ...

[JavaScript] 日時(Date型)の加減算を行う

Date型の加減算を行うサンプルです。 日時の加減算を行うサンプル Dateオブジェクトの日時の加算/減算を行うには、+ ...

[JavaScript] 絶対値を求める(Math.abs)

絶対値を求めるには、Math.abs()を使用します。 構文 (aの絶対値を求めてxに代入する) var x = Mat ...

[JavaScript] 文字列がHHmm形式の時間文字列であるかどうかチェックする

文字列がHHmm形式の時間文字列であるかどうかチェックするサンプルFunctionです。 サンプル 例)引数に受取った値 ...

スポンサーリンク