创建一个具有通用ID的按钮列表,以便使用getElementById获取它们中的任何一个.(Id dinamically)

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

Ids必须是唯一的,因为你的所有按钮具有相同的id,所以无法通过使用id来知道你想要定位哪个按钮.
更简单的方法是将按钮作为参数传递给函数.

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