如何在onclick方法中传递ID而不编写内联js编码

问题描述

我有200行具有唯一ID的数据。

foreach($IDs as $ID){
   <button onclick="deleteFunction($ID)">Delete</button>
}

现在，在此按钮中，我不想使用嵌入式JS，是否有任何可能的解决方案可以避免嵌入式JS？

请不要担心语法。我只想知道算法或任何可能的解决方案！

解决方法

创建按钮时，可以为每个按钮指定$ID的ID，这样，在调用deleteFunction()时，它可以访问所单击元素的ID。

for(const id of ['A','B','C']) {
    document.write('<button id="' + id + '" onclick="deleteFunction(this)">Delete</button>');
}

function deleteFunction(element) {
    console.log(element.id);
}

javascript onclick