单击按钮时获取“href”信息

Question

只有在单击按钮时，我才能提取按钮的“href”信息。与该按钮对应的HTML标记是：

<a class="donate" target="_self" rel="" href="/donate/donate-monthly"> 

如何使用JavaScript获取相同内容？

Answer 1

首先，如果您有附加的id属性或var els = document.getElementsByClassName("yourClass")，您应该选择类似var el = document.getElementById("yourId")的元素。

请注意，如果找到getElementById将返回单个元素，但getElementsByClassName将返回所有具有此类的元素，因此如果您有多个元素，您将获得一个数组。

当您选择元素让我们说与var el = document.getElementById("yourId")你可以用getAttribute()方法提取href。所以，你的代码，如果你的ID选择会像

var el = document.getElementById("someId"); 
var href = el.getAttribute("href"); 
console.log(href); // Or whatever you want to do 

，或者如果你按类选择，你确信你有这个类只有1元，你可以做

var els = document.getElementsByClassName("donate"); 
var el = els[0]; // The first element with this class 
var href = el.getAttribute("href"); 
console.log(href); // Or whatever you want to do 

注：如果有更多的元素，你应该找到你需要的元素的正确索引。

关于你应该附加一个事件监听，所以你可以检查时提取href这样的点击部分：

el.addEventListener("click", function(){ // Where el is selected like in the examples above 
    // Extract href 
});