向每個td添加事件監聽器

Question

在這裏，我通過單擊按鈕創建td和tr來生成表，如何將事件監聽器添加到每個td，以及何時單擊它，我可以知道tr放置在哪裏。

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