首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >向每个td添加事件侦听器

向每个td添加事件侦听器
EN

Stack Overflow用户
提问于 2016-11-01 11:33:12
回答 1查看 829关注 0票数 0

在这里,我通过单击按钮创建td和tr生成表,如何将事件侦听器添加到每个td中,当单击事件侦听器时,我可以知道td放置的tr。

代码语言:javascript
运行
复制
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);
})
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-11-01 11:45:50

你可以加进去

代码语言:javascript
运行
复制
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);
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40359224

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档