利用js事件进行简单的表格操作
来源:互联网 发布:日本漫画哪个软件最好 编辑:程序博客网 时间:2024/06/05 03:45
<table id="table1">
<tr>
<td>1</td><td>aaa</td><td>aaa</td><td><input type="button" value="save" /></td>
</tr>
<tr>
<td>2</td><td><input type="text" value="bbb" /></td><td>aaa</td><td><input type="button" value="save" onClick="showContent();" /></td>
</tr>
<tr>
<td>3</td><td>aaa</td><td>aaa</td><td><input type="button" value="save" /></td>
</tr>
</table>
<script language="javascript">
document.onclick = function(e){
e = window.event || e;
e = e.srcElement || e.target;
if( e.tagName && e.tagName.toLowerCase() == "td" )
alert("行号:" + e.parentNode.rowIndex + "/n" + "列号:" + e.cellIndex);
}
s=document.getElementById("table1").rows[1].cells[1].getElementsByTagName("input")[0].value;
alert(s);
function showContent(){
e = window.event || e;
e = e.srcElement || e.target;
e = e.parentNode;
var content = document.getElementById("table1").rows[e.parentNode.rowIndex].cells[1].getElementsByTagName("input")[0].value;
alert(content);
}
</script>
这个方法只能用于ie系列浏览器。
- 利用js事件进行简单的表格操作
- 利用JScript实现简单的表格操作
- js操作表格的一些简单方法
- js简单的表格添加行和删除行操作.
- 利用js dom操作table表格
- js 对表格进行各种操作
- js 对表格进行各种操作
- Angular JS 之对表格进行操作
- H5使用js追加表格进行操作
- 利用console进行简单的js性能测试
- 利用JDBC对数据库进行简单的操作
- 利用JDBC对数据库进行简单的操作
- js源码--表格的操作
- js源码--表格的操作
- js表格的排序操作
- js操作表格的属性
- [Python笔记] 使用xlrd和xlwt进行简单的excel表格读写操作
- 利用js实现表格的显示隐藏
- 【观点】风雨20年:我所积累的20条编程经验
- fedora 14 64位 firefox 安装 flash
- 『phphot』【SD2.0大会】钱宏武:从SOHU社区架构和运维谈高并发系统开发与设计
- 关于在搜索引擎中不容易搜到的内容的解决技巧
- ERP的主要功能模块简介
- 利用js事件进行简单的表格操作
- 『phphot』【SD2.0大会】涉众利益是需求启发的焦点(图文)
- CMMI简介
- 『phphot』【SD2.0大会】腾讯公司派出20余位工程师参加SD2.0大会
- 基于eclipse 3.5的RCP项目发布
- VMware虚拟机三种网络连接模式(bridged、NAT、host-only)
- 『phphot』【SD2.0大会】头脑风暴,不够了!要从细节上提升技能
- java 实现链表向集合转化使用toArray()
- 『phphot』【SD2.0大会】未来手机用户将彻底摆脱死机烦恼