JavaScript HTML要素の取得と変更（getElementId & getElementsByClassName）

HTML要素の取得方法

idからの取得

document.getElementByIdを使う。
以下の例では、「id1」というID名のタグを取得し、文字の色を赤にします。

See the Pen
getElementsById_Sample by Midori (@kimidori)
on CodePen.

class名からの取得

document.getElementsByClassName("クラス名")を使う。
以下の例では、「test」というクラス名のタグを取得し、文字の色を赤にします。

See the Pen
test by Midori (@kimidori)
on CodePen.

HTML要素の編集

テキストを変更

textContentに文字列を代入する。

See the Pen
textContent by Midori (@kimidori)
on CodePen.

文字色の変更

style.colorに指定したい色を代入する。
カラーコードの指定も、「red」などの文字列の指定もどちらもOKです。

See the Pen
getElementsById_Sample by Midori (@kimidori)
on CodePen.