HTML要素を選択する方法

HTML要素を選択する方法について、以下の手順で説明します。また、具体的なコード例もいくつか示します。

var paragraphs = document.getElementsByTagName('p');

クラス名で選択する方法: HTML要素をクラス名で選択するには、document.getElementsByClassName メソッドを使用します。以下のコードは、クラス名が "container" のすべての要素を選択します。

var elements = document.getElementsByClassName('container');

IDで選択する方法: HTML要素をIDで選択するには、document.getElementById メソッドを使用します。以下のコードは、IDが "myElement" の要素を選択します。

var element = document.getElementById('myElement');

これらの方法を組み合わせることもできます。また、CSSセレクタを使用してより高度な選択も可能です。詳細については、CSSセレクタの文法や使用方法を学習することをおすすめします。