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