HTML DOM Element getAttribute()メソッドの目的

HTML DOM 要素の getAttribute() メソッドは、指定された属性の値を取得します。

属性値を取得するには、例えば getAttribute() メソッドを使用して要素の href 属性の値を取得できます。

<a id="myLink" href="https://www.example.com">Click here</a>

var link = document.getElementById("myLink");
var hrefValue = link.getAttribute("href");
console.log(hrefValue); // 输出：https://www.example.com

getAttribute()メソッドではカスタム属性の値の取得もできる：

<div id="myDiv" data-custom="custom value">Some text</div>

var div = document.getElementById("myDiv");
var customValue = div.getAttribute("data-custom");
console.log(customValue); // 输出：custom value

getAttribute()メソッドは、属性値を文字列として返します。属性が存在しない場合は、nullを返します。