动态添加表格(增加事件)

最新推荐文章于 2024-08-27 15:45:31 发布

colincrazy

最新推荐文章于 2024-08-27 15:45:31 发布

阅读量558

点赞数

分类专栏： Html 文章标签： function input html button border table

本文链接：https://blog.csdn.net/colincrazy/article/details/1641804

版权

Html 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body onLoad="addRow()">
<table width="33%" border=1 id="testTbl">
<tr id="tr1">
<td width=6%><input type=checkbox id="box1"></td>
<td id="b">第一行</td>
</tr>

<tr bgcolor=#0000FF>
<td width=6%><input type=checkbox id="box3"></td>
<td>第三行</td>
</tr>
<input type="button" onClick="addRow()" value="Add"/>
</table>
</body>
<script>
function Test(obj){
  alert(obj.id);
}
function addRow(){
  for(var j=0;j<10;j++){
   var newTr = testTbl.insertRow();
   var newTd = newTr.insertCell();
   newTd.bgColor="white";
   newTd.style.cursor="pointer";
   newTd.id=j;
   newTr.id=j;
   newTd.height="16";
   newTd.align="center";
   newTd.innerHTML="AAAA";
   newTr.setAttribute('oncontextmenu',function(){Test(this)});
   //newTd.attachEvent('oncontextmenu', function(){alert(newTd.id);});
   //newTr.οncοntextmenu=Test;
   //newTd.setAttribute("onClick","Test()");
   //newTd.onClick="alert(/'"+newTd.id+"/')";
   alert(newTr.innerHTML);
  }
}

</script>
</body>
</html>

colincrazy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
动态添加表格(增加事件)

"http://www.w3.org/TR/html4/loose.dtd">无标题文档第一行第二行第三行 function Test(obj){ alert(obj.id); } function addRow(){ for(var j=0;j var newTr = testTbl.insertRow(); var newTd = newTr.insertCel
复制链接

扫一扫

专栏目录