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

을 추가 할 수 있습니다