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

方法1: getElementByIdを使用する方法

var link = document.getElementById("myLink");
var hrefValue = link.href;
console.log(hrefValue);

上記の例では、HTML要素のidが「myLink」であるリンク要素のhref属性の値を取得しています。取得した値は「hrefValue」という変数に格納され、コンソールに表示されます。

方法2: getAttributeを使用する方法

var link = document.querySelector("a");
var hrefValue = link.getAttribute("href");
console.log(hrefValue);

上記の例では、最初に見つかったa要素のhref属性の値を取得しています。取得した値は「hrefValue」という変数に格納され、コンソールに表示されます。

方法3: jQueryを使用する方法

var hrefValue = $("a").attr("href");
console.log(hrefValue);

上記の例では、jQueryを使用して最初に見つかったa要素のhref属性の値を取得しています。取得した値は「hrefValue」という変数に格納され、コンソールに表示されます。

これらの方法を使用すると、JavaScriptでhref属性の値を取得することができます。必要に応じて、要素の特定の属性を取得するために適切な方法を選択してください。