js中怎么为每个创建的td添加onclick事件?

for (var i=0; i<size; i++){
var nextNode = the_names[i].firstChild.data;
row = document.createElement("tr");
cell = document.createElement("td");
//#FFFAFA
cell.onmouseout = function(){this.className='mouseOver';};
cell.onmouseover = function(){this.className='mouseOut';};
cell.setAttribute("bgcolor","red");
cell.setAttribute("border","1");
var self=this;
cell.onclick =function(){
alert('1111');
inputField.value = self.firstChild.nodeValue;
clearNames();
};

txtNode = document.createTextNode(nextNode);
cell.appendChild(txtNode);
row.appendChild(cell);
nameTableBody.appendChild(row);
}
这是我写的代码,为何那个“111” 总是不打印,求高手指点
是我失误了,其实这样是可以的,我只是在那个文本框中写了个onblur()事件,当点击那个单元格是触发这个onblur(),不会触发那个onclick事件.希望以后要注意了

第1个回答  2011-08-08
这个应该是调用函数的问题!

javascript中创建一个td 如何向td中添加onclick事件
obj = Mytd ;\/\/ 你的td id 或者 索引 引用 obj.onclick = function (){ alert('a');} <\/script>

js动态添加一行表格时,怎么给td加onclick事件?
$ ("#msgTable").append ("<tr><td>" + en.name + "<\/td><td onclick='poppage(this)'>" + en.type + "<\/td><td>" + en.desc + "<\/td><\/tr>"); }); function poppage (type) { window.open ("pop?type=type"); }<\/script><\/head><body><table ...

如何在用JS自动生成的TD上面增加一个onclick事件
如果你有用JQuery的话 可以用bind()来添加点击事件

...给html的表格添加行,并且每行添加一个onclick事件。要求点击不同行要...
<tr ondblclick="altRowNum1(this)"><td>1<\/td><td><input type="text" value="60"\/><\/td><td><input type="button" onclick="altRowNum2(this)" value="当前行"\/><\/td><\/tr> <tr ondblclick="altRowNum1(this)"><td>2<\/td><td><input type="text" value="67"\/><\/td><...

JS设置onClick事件
html页面设置onClick事件可以在html中设置,也可以在js中设置,下面分别介绍。在html中设置你的代码就是在html中设置的方法,这是测试页面,现在html代码的元素中添加onclick <input type="text" id="text" onClick="f();"> 再在js代码中声明一个函数 function f(){ alert(1)} 只在js中设置第...

JS控制鼠标点击后,<td>标签的CSS变化的代码
<style> .click {background:green} .unclick {background:blue} <\/style> <table> <tr> <td class='unclick' onclick="this.className='click';">点这个<\/td> <td>这个不用点<\/td> <\/tr> <\/table>

html中的td上来加载之后我想给他一个事件
td 没有加载事件, 你可以在 window.onload 里去给td赋予click等的响应事件

js 表格的每一行都有一个按钮 点击按钮修改当前行某一列的信息
1、首先开始新建html文件。2、然后创建一个三行三列的表格。3、接下来开始创建js函数。4、接下来开始进行定义变量获取行。5、然后就将函数加在按钮上。6、就可以看到预览效果如图。7、最后点击第二个按钮删除 第二行。

...为何网页加载时会自动运行这个onclick事件?
myButton.onclick = setTop(XMLArray,id);这里不对,动态按钮onclick是不能传参的吧?应该用 myButton.onclick=function(){ setTop(XMLArray,id);} 试一下吧

HTML中js怎么用某个td标签的onclick()来获取另一个td标签中的文本值
先获取父元素,在获取第一个子元素 直接获取第一个兄弟元素 所有的方法用jQuery 非常好做, 原生js 代码非常繁琐。最好不要在html中写js,样式,结构,行为要分离 下面我给出了原生js实现功能的一些代码。你试试jquery会非常简单的。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...

相似回答