javascript - 为每个具有特定 id 的标签添加 onclick 事件

Question

我的 javascript 非常生锈，但我想为我的网站添加一个全局函数，为每个带有特定 id 的标签添加一个 onclick 事件。因此，在我的网站中，我有各种标签，ID 为 myLink1、myLink2、myLink3 等。

我想在我的网站上做一个功能，所以

如果标签的 id 包含“myLink”，则将 onclick=function() 添加到该标签。无论是 myLink1、myLink2 等，每个 myLink 都将是相同的 function()

不知道这是否可能。

标签： javascripthtmlwordpress

Answer 1

如果我理解您的问题，您可以使用它。

但也许正如@Jaromanda X 所说，添加类可以让这更容易

function test() {
    alert( "1234" );
}

window.onload = function() {
    var links = document.querySelectorAll( '[id^=myLink]' );
    for( i=0; i<links.length; i++ ) {
        links[i].setAttribute( "onclick", "test()" );
    }
}