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