javascript - 从 HTML 动态获取 getElementId

Question

所以我正在编写一个 Js 脚本，它接受来自 HTML 的行数和列数。这将使用 for 循环为客户生成一个 HTML 模板。客户应该能够选择具有 HTML 模板特色的产品。这将占用模板上的 2 列而不是 1 列。

我试图让客户选择特色产品在哪里显示表格的方式。

function featProdDisplay(column, row) {
  let body;

  body = `<table style = "border-collapse: collapse;">`;

  for (let i = 0; i < row; i++) {
    body += `<tr>`

    for (let j = 0; j < column; j++) {
      pos = Number(i) + Number(j);
      body += `<td id = "` + pos + `onclick="Selected()">
            <div>
            </div>
            </td>`
    };
    body += `</tr>`
  };

  body += `</table>`;
  
  return body;
}

function DisplayTable(column, row) {
  body = featProdDisplay(column, row);
  document.getElementById("FeatDisplay").innerHTML = body;
}

我的想法是客户点击一个块并将其拖到他/她希望它结束​​的位置。那些 s 然后会改变颜色。

所以我的问题是有什么方法可以获取那些被选择的位置或 ID，因为 ID 是动态生成的并且 getElementById() 需要预先存在的 ID？还是我应该完全尝试不同的方法？

先感谢您

标签： javascripthtml