HTMLからオブジェクトを取得する
スポンサーリンク
GetElementsBy~を使ってHTMLからオブジェクトを取得する方法
HTMLタグ名を指定
document.getElementsByTagName()
を使用する
引数にはタグ名を文字列で渡す
// リンクをすべて取得 var links = document.getElementsByTagName("a"); for (var i = 0; i < links.length; i++) { // リンクURLを取得 var link_url = links[i].href; }
id属性を指定
document.getElementById()
を使用する
引数にはidを文字列で渡す
これだけGetElementsBy~ではなく,sが必要ない
返値が配列ではないので注意が必要
var ids = document.getElementById("id");
class属性を指定
document.getElementsByClassName()
を使用する
引数にはクラス名を文字列で渡す
var cls = document.getElementsByClassName("class_name");
name属性を指定
document.getElementsByName()
を使用する
引数にはname属性の値を文字列で渡す
var names = document.getElementsByName("name_value");