引数に指定されたすべてのクラス名を持つ要素を返します。
- 構文
- HTMLCollection = Document.getElementsByClassName( names )
- 引数
- names 省略可
- 一致させる一つ以上のクラス名を表すDOMString。複数指定する場合は半角スペースで区切ります。
getElementsByClassNameとは
Document.getElementsByClassName メソッド (DOM)は、英語の意味を直訳するとget（取得する）＋Elements（要素）＋ByClassName（クラス名によって）といなり、これはクラス名によって要素を取得するという意味になります。このメソッドは引数に指定されたnamesに一致するDOM要素を取得します。
Document.getElementsByClassName メソッド (DOM) は引数に複数のクラス名を指定することができ、複数のクラス名を指定する場合は （半角スペース）で区切ります。
指定したクラス名を一部に持つすべての要素を取得する場合は、Document.querySelectorAll メソッドを使います。
複数クラスの指定方法
getElementsByClassNameはクラス名を複数指定した場合は、すべてに一致する要素（AND検索）を取得します。
以下は、"className1"と"className2"の両方を含む要素を取得します。
いずれかに一致する要素（OR検索）するにはDocument.querySelectorAll メソッドを使います。querySelectorAllはCSSセレクタで指定するので「.className」の形式になります。
以下は、"className1"または"className2"のいずれかを含む要素を取得します。
要素をクリック
指定したクラス名の要素をクリックするには以下のように記述します。
「Item(0)」は「0～elements.length-1」の範囲で適宜書き換えます。
クリックして開いた新しいタブを操作（InternetExplorer オブジェクトを取得）するには以下のように記述します。
getIEObj関数 (自作関数)は自作関数です。
他の取得方法
- Document.getElementById メソッド (DOM)
- idから取得
- Document.getElementById メソッド
- タグ名から取得
プログラム実行例
Googleでの検索結果を取得
歌ネットから歌詞を取得してテキストファイルに保存
楽天PointClubでランクと保有ポイント数を取得する
[syntaxHighlight language="HTML"]
- 総保有ポイント
- 559
[/syntaxHighlight] [syntaxHighlight language="INI" title="楽天.INI"][楽天] [email protected] PASS=*** [/syntaxHighlight]
関連記事
- CPUUSERATE関数 (スクリプト関数)
- CPU使用率を取得します。
- GETDIR関数 (スクリプト関数)
- ファイル名を取得します。
- GETFORMDATA関数 (スクリプト関数)
- フォームより値を取得。
- FSO.GetFolder メソッド
- 指定したパスのFolder オブジェクトを返します。
- File.Type プロパティ (FSO)
- 指定したファイルの種類を返します。
- small関数 (自作関数)
- 配列の中で小さい方から数えた順位の値を求めます。
- GETCTLHND関数 (スクリプト関数)
- ボタン等、オブジェクトのハンドルを取得します。
- GETID関数 (スクリプト関数)
- 指定したウィンドウのIDを取得します。第一引数に取得したいウィンドウのタイトル（一部でも可）を指定します。
- POSACC関数 (スクリプト関数)
- 座標位置の文字（情報）を取得します。
- STATUS関数 (スクリプト関数)
- ウィンドウの各種状態を返します。
