javascript - 创建具有通用 ID 的按钮列表，以便使用 getElementById 获取其中的任何一个。 (动态ID)

Question

我想将按钮的 id 动态创建到按钮列表中，以便使用 getElementById 获取任何按钮。

使用相同 id 的代码示例:

 @foreach (var cat in Model) {
     <div class="list-group">
         <button id="nameCategory" onclick="onClickSeeProducts()" >@cat.Name</button>
     </div>
 }

函数 onClickSeeProducts 应如下所示:

function onClickSeeProducts() {
    button = document.getElementById("nameCategory").innerHTML;
    //Something 
}

Answer 1

Id 必须是唯一的，因为所有按钮都具有相同的 id，因此无法知道要使用 id 定位哪个按钮。
一种更简单的方法是将按钮作为参数传递给函数。

... onclick="onClickSeeProducts(this)" ...
...
function onClickSeeProducts(button) {
...
   msg = button.innerHTML;
...