Question

我正在创建一个基于javascript数组更改大小的表。我正在建模预留，当页面加载时，它循环通过一组预留对象，并创建一个表来表示它们。我创建了一个复选框作为每行的第一个元素：

checkboxCell.innerHTML = "<input type='checkbox'>";

我希望能够知道按下时我点击的哪一行（或复选框）。由于这些是在一行中创建的，因此它们都具有相同的ID。所以我要么需要一种方法来了解我在表中的位置，或者为每个元素创建不同的ID。

Answer 1

您可以为创建新HTML元素的循环中的新元素生成增量ID，例如：假设您要将输入附加到ID为parent-element的元素：

    function makeElements(){
      var parent = document.getElementById('parent-element');
      for (var i = 1; i < 11; i++) {
        var newElement = document.createElement('input');
            newElement.id = 'input-number-' + i;
            newElement.type = "checkbox";
        parent.appendChild(newElement);
      }
    }

正如connexo评论的那样，你可能最好使用现有的库来处理这类事情。

使用Javascript创建动态ID

1 个答案: