次のコードで、リンクのhref属性を取得する正しい方法はどれか。
[ html ]
<a id="link" href="https://example.com">Example</a>
- document.getElementById(“link”).getAttribute(“href”)
- document.getElementById(“link”).href
- 両方とも可能
- どちらも使えない
正解
- 両方とも可能
解説
getAttribute(“href”) ではHTML上の属性値を取得し、element.href では絶対URL形式で取得される。どちらも有効。
使用例(サンプルコード)
[ javascript ]
let link = document.getElementById("link");
console.log(link.getAttribute("href")); // "https://example.com"
console.log(link.href); // "https://example.com/" (絶対URL形式)