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

Previous Article

Next Article