JavaScript で href 属性の値を取得する

JavaScript で、 a 要素（アンカー要素）の href 属性の値を取得する。
以下の取得の例では、 getAttribute メソッドを使用している。

href 属性の値を取得する例

JavaScript の getAttribute メソッドを使用して、 a 要素の href 属性の値を取得する。

HTML

<a href="/hoge/" class="link">アンカーテキスト</a>

JavaScript

var element = document.querySelector('.link');
var href = element.getAttribute('href');
console.log(href); // Output: /hoge/

getAttribute メソッド

JavaScript の getAttribute メソッドは、要素の指定された属性の値を返す。
引数に属性の名前を指定する。