Question

只有在点击按钮时才需要提取按钮的“href”信息。与该按钮对应的HTML标记为：

{{1}}

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

Answer 1

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

请注意，如果找到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

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

关于点击部分，您应附加一个eventListener，以便您可以检查何时提取href，如下所示：

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

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

1 个答案: