Javascript 从HTML动态获取getElementId

因此，我正在编写一个Js脚本，它接受HTML中的大量行和列。这将使用for循环为客户生成一个HTML模板。客户应该能够选择在HTML模板上具有功能的产品。这将占用模板上的两列，而不是一列

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

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;
}

功能显示（列、行）{
让身体；
正文=``；
for（设i=0；ibody+=`您使用什么机制进行拖动？通常会有一个属性或回调来返回元素。在做其他事情之前，您应该更改id生成逻辑。因为2+2、1+3和3+1等将创建相同的id。而不是使用row_i_col__j或data属性。不要对数字使用
id
。click处理程序可以很容易地导出坐标。不需要这样的
id
属性。它是一个反模式。除了上面的注释之外，为什么要将模板字符串与
+
一起使用？模板字符串的全部要点是不需要字符串串联。
body=`${body}这段代码中有很多地方需要改进。我觉得问题太广泛了。没有人试图实现拖动功能。