更改href后鏈接的Onclick不起作用，但在新標簽頁中打開有效

Question

我有下面的錨標簽。 我正在嘗試搜索具有值 xyz 的屬性，然后更改其 herf 並刪除不需要的屬性。

在控制台上執行此操作后，我可以看到 href 已更改，但單擊鏈接不起作用。 但是，當我在新選項卡中打開時，它會以新的 href 打開

<a data-data="test" data-name="xyz" href="#" class="button">this is a link</a>

var pmLink = document.querySelectorAll("[data-name='xyz']");

if (pmLink) {
    pmLink[0].href = "http://www.google.com";
    pmLink[0].removeAttribute("data-data");
    pmLink[0].removeAttribute("data-name");
    } 

Answer 1

更改為： var pmLink = document.querySelector("[data-name='xyz']");

工作片段：

 var pmLink = document.querySelector("[data-name='xyz']"); if (pmLink) { pmLink.setAttribute('href', 'http://www.google.com'); pmLink.removeAttribute("data-data"); pmLink.removeAttribute("data-name"); }

 <a data-data="test" data-name="xyz" href="#" class="button">this is a link</a>

如果您有多個data-name="xyz"則使用querySelectorAll然后您需要迭代和“ this ”。

希望有幫助！ 享受代碼！