読者です 読者をやめる 読者になる 読者になる

プログラミングとかLinuxとかの備忘録

プログラミング、Linuxでハマった箇所や環境構築のメモ

HTMLからオブジェクトを取得する

Programming JavaScript

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");