87,907
社区成员
发帖
与我相关
我的任务
分享td.onclick事件不响应
function setcontents(contents) {
clearcontent();
setlocation();
for (var i = 0; i < contents.length; i++) {
var tr=document.createElement("tr");
var td=document.createElement("td");
td.setAttribute("bgcolor", "FFFAFA");
td.setAttribute("border", "0");
td.onmouseover=function(){
this.className="mouseover";
}
td.onmouseout=function(){
this.className="mouseout";
}
td.onclick=function(){
alert("bbb");
}
var text=document.createTextNode(contents[i]);
td.appendChild(text);
tr.appendChild(td);
document.getElementById("contents_tbody").appendChild(tr);
}
}
其中
td.onclick=function(){
alert("bbb");
}
不响应，求大神教下！
clearcontent();
setlocation();
for (var i = 0; i < contents.length; i++) {
var tr=document.createElement("tr");
var td=document.createElement("td");
td.setAttribute("bgcolor", "FFFAFA");
td.setAttribute("border", "0");
td.onmouseover=function(){
this.className="mouseover";
}
td.onmouseout=function(){
this.className="mouseout";
}
td.onclick=function(){
alert("bbb");
}
var text=document.createTextNode(contents[i]);
td.appendChild(text);
tr.appendChild(td);
document.getElementById("contents_tbody").appendChild(tr);
}
}
其中
td.onclick=function(){
alert("bbb");
}
不响应，求大神教下！
...全文
请发表友善的回复…
发表回复
天际的海浪 2017-07-26
- 打赏
- 举报
测试代码没问题
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> 页面名称 </title>
</head>
<body>
<table>
<tbody id="contents_tbody">
</tbody>
</table>
<script type="text/javascript">
function setcontents(contents) {
for (var i = 0; i < contents.length; i++) {
var tr=document.createElement("tr");
var td=document.createElement("td");
td.setAttribute("bgcolor", "FFFAFA");
td.setAttribute("border", "0");
td.onmouseover=function(){
this.className="mouseover";
}
td.onmouseout=function(){
this.className="mouseout";
}
td.onclick=function(){
alert("bbb");
}
var text=document.createTextNode(contents[i]);
td.appendChild(text);
tr.appendChild(td);
document.getElementById("contents_tbody").appendChild(tr);
}
}
setcontents([123,456,789]);
</script>
</body>
</html>
