JS动态添加表格同时设置行双击事件并传递参数调用函数示例代码_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

JS动态添加表格同时设置行双击事件并传递参数调用函数示例代码

作者：闵涛文章来源：闵涛的学习笔记点击数：1953 更新时间：2010/6/23 22:55:41

　　以下代码实现的功能是：动态添加表格行及单元格，同时动态设置行的事件；当鼠标双击表格动态产生的行的时候，传递参数执行函数。

　　<title>大众计算机学习网</title>
　　<script language="javascript">
　　 //IE
　　function RowClick(RowNum)
　　{
　　　　alert("您点击的是第"+RowNum+"行");
　　}
　　var rowIndex=0
　　function insertRowForIE()
　　{
    　　 var targetTable = document.getElementById("MyTable");
     　　var objRow=targetTable.insertRow();

　　　rowIndex=rowIndex+1;

　　　objRow.setAttribute("id",rowIndex);
　　　objRow.setAttribute("ondblclick", RowClick(rowIndex));

　　　 var objCell0 = objRow.insertCell();
　　　objCell0.innerHTML="添加的第"+rowIndex+"第1列";
　　　objCell0.setAttribute("width","30%");
　　　objCell0.setAttribute("align", "center") ;

　　　var objCell1 = objRow.insertCell();
　　　objCell1.setAttribute("align", "center") ;
　　　objCell1.setAttribute("width","30%");
　　　objCell1.innerHTML="添加的第"+rowIndex+"第2列";

　　　var objCell2 = objRow.insertCell();
　　　objCell2.innerHTML="<textarea id='newdesc' name='newdesc' style='width:100%;' rows='3' ></textarea>";
　　}
　　</script>
　　</head>
　　<body>
　　<table id="MyTable" border="1">
　　</table>
　　<input type="button" value="添加行并设置属性" onclick="insertRowForIE()" />
　　</body>

[网页制作]js动态修改网页文字字号大小的代码 [网页制作]js动态设置网页文字颜色、字体样式的示例代码

教程录入：mintao 责任编辑：mintao

上一篇教程：网页中的fieldset和legend是什么

下一篇教程：如何将老域名的PR转移到新域名

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……