Question

在这里，我通过点击按钮创建td和tr来生成表格，如何向每个td添加事件监听器，当点击它时我可以知道这个td放置的位置。

var table = document.createElement('table');
document.body.appendChild(table);

var tr = document.createElement('tr');
table.appendChild(tr);

var td = document.createElement('td');
tr.appendChild(td);

var createTd = document.createElement('button');
createTd.innerHTML = 'Create td';
document.body.appendChild(createTd);

var createTr = document.createElement('button');
createTr.innerHTML = 'Create tr';
document.body.appendChild(createTr);



createTd.addEventListener('click',function() {
  td = document.createElement('td');
  tr.appendChild(td);
})

createTr.addEventListener('click',function() {
  tr = document.createElement('tr');
  table.appendChild(tr);
})

Answer 1

您可以添加

var createTd = document.createElement('button');
createTd.innerHTML = 'Create td';
createTd.onclick = function() {
  // to do something
};
document.body.appendChild(createTd);

var createTr = document.createElement('button');
createTr.innerHTML = 'Create tr';
createTr.onclick = function() {
  // to do something
};
document.body.appendChild(createTr);

为每个td添加事件监听器

1 个答案: