更改Tweet按鈕的href？

Question

我正在嘗試在網站上放置一條推文按鈕； 該推文將預先填充根據div中的文本而變化的文本（可由用戶更改）。 正常的href值為https://twitter.com/intent/tweet?text=whatever-text-here ，但是由於我需要根據某些條件更改預填充的文本，因此我嘗試添加onClick函數。 現在，我只是想將href更改為“ ... text =” +“ whatever-text-here”以查看一切是否正常，但是將來，我需要將其更改為“ ... text =“ + someVariable。

我對此很陌生。 有人可以解釋為什么這行不通嗎？ 這是指向Codepen的鏈接。

HTML：

<a class="twitter-share-button"
  href="#" onclick="tweetContent()";
  data-size="large">
Tweet</a>

JS：

function tweetContent() {
    document.getElementsByClassName("twitter-share-button").href="https://twitter.com/intent/tweet?text=" + "quote";
}

Answer 1

getElementsByClassName （如名稱中所示）返回Elements （以復數形式，而不是單數形式）。

您將需要一個一個地遍歷它們，並設置href屬性：

function tweetContent() {
    var anchorElements = document.getElementsByClassName("twitter-share-button")
    Array.prototype.forEach.call(anchorElements, function(e) {
        e.href="https://twitter.com/intent/tweet?text=" + "quote";
    })
}

這是一個工作示例：

 function tweetContent() { var anchorElements = document.getElementsByClassName("twitter-share-button") Array.prototype.forEach.call(anchorElements, function(e) { e.href="https://twitter.com/intent/tweet?text=" + "quote"; }) } tweetContent() 

 <a href="" class="twitter-share-button">a</a> <a href="" class="twitter-share-button">b</a>