モケラ

Tech Sheets

mokelab

JavaScriptで要素の属性を取得する

最終更新日:2016-07-29

JavaScriptで要素の属性値を取得するには、attributesを使います。

例えば次のa要素のhrefの値を取得してみます。

<a id="link" href="https://tech.mokelab.com">Tech Sheets</a>

次のコードで取得できます。

var a = document.getElementById('link');
var url = a.attributes['href'].value;
console.log(url);

属性を全部取得するには、attributesを配列のように扱います。

for (var i = 0 ; i < a.attributes.length ; ++i) {
    console.log(a.attributes[i].value); 
}

一覧に戻る