在js中,可以通过给每行绑定onclick事件,通过点击获得它的行号。下面小编举例讲解js中table里的每一行怎么去获得它的行号。
工具/原料
1
html+js
2
代码编辑器:Dreamweaver CS5
方法/步骤
1
新建一个html文件,命名为test.html,用于讲解js中table里的每一行怎么去获得它的行号。
2
在test.html文件内,使用table标签创建一个三行两列的表格。
3
在js标签内,通过行标签tr名称,使用getElementsByTagName()方法获得行对象。
4
在js标签内,使用for循环遍历行对象,给每一个行对象绑定onclick点击事件,当行对象被点击时,执行function方法。
5
在function方法内,通过rowIndex获得行索引,因为索引从零开始,所以需要加1,最后,使用alert()方法输出当前点击的行号。
6
在浏览器打开test.html文件,点击table行,查看结果。
总结:
1、使用table标签创建一个三行两列的表格。2、在js内,通过行标签tr名称,使用getElementsByTagName()方法获得行对象。3、在js内,使用for循环遍历行对象,给每一个行对象绑定onclick点击事件,当行对象被点击时,通过rowIndex获得行索引,使用alert()方法输出当前点击的行号。
上一篇:hashmap的遍历方式——图解
下一篇:js怎么知道遍历后变量是否有值?