使用Javascript动态创建ID

Question

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

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

我想知道按下它们时我要单击的行（或复选框）。 由于这些都是在同一行中创建的，因此它们都将具有相同的ID。 因此，我要么需要一种方法来知道我在表中的位置，要么需要为每个元素创建一个不同的ID。

Answer 1

您可以在创建新HTML元素的循环中为新元素生成增量ID，例如，假设您将输入附加到具有parent-element 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所评论的那样，您最好使用现有的库来处理这种事情。