dom_dom0300_004

次のコードで、リンクのhref属性を取得する正しい方法はどれか。

[ html ]

<a id="link" href="https://example.com">Example</a>
  1. document.getElementById(“link”).getAttribute(“href”)
  2. document.getElementById(“link”).href
  3. 両方とも可能
  4. どちらも使えない
正解
  1. 両方とも可能
解説

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形式)