JavaScript で id 属性の値を取得する
published:
2018.12.03 /
modified:
JavaScript で、 id 属性の値を取得する。
id プロパティで取得する
id プロパティは、要素の id 属性値を取得・設定する。
以下は、id プロパティを利用して、id 属性の値を取得する例。
HTML
<div id="foo" class="bar"></div>
JavaScript
var idValue = document.querySelector('.bar').id;
console.log(idValue); // foo
getAttribute メソッドで取得する
getAttribute は、要素の属性値を取得するメソッド。
以下は、getAttribute メソッドを利用して、id 属性の値を取得する例。
HTML
<div id="foo" class="bar"></div>
JavaScript
var idValue = document.querySelector('.bar').getAttribute('id');
console.log(idValue); // foo