js中table里的每一行怎么去获得它的行号

在js中 , 可以通过给每行绑定onclick事件 , 通过点击获得它的行号 。 下面小编举例讲解js中table里的每一行怎么去获得它的行号 。

js中table里的每一行怎么去获得它的行号

文章插图

需要这些哦
html+js
代码编纂器:Dreamweaver CS5
方式/
1新建一个html文件 , 定名为test.html , 用于讲解js中table里的每一行怎么去获得它的行号 。
js中table里的每一行怎么去获得它的行号

文章插图

2在test.html文件内 , 利用table标签建立一个三行两列的表格 。
js中table里的每一行怎么去获得它的行号

文章插图

3在js标签内 , 经由过程行标签tr名称 , 利用getElementsByTagName()方式获得行对象 。
js中table里的每一行怎么去获得它的行号

文章插图

4在js标签内 , 利用for轮回遍历行对象 , 给每一个行对象绑定onclick点击事务 , 当行对象被点击时 , 执行function方式 。
js中table里的每一行怎么去获得它的行号

文章插图

5在function方式内 , 经由过程rowIndex获得行索引 , 因为索引从零起头 , 所以需要加1 , 最后 , 利用alert()方式输出当前点击的行号 。
js中table里的每一行怎么去获得它的行号

文章插图

6在浏览器打开test.html文件 , 点击table行 , 查看成果 。
js中table里的每一行怎么去获得它的行号

文章插图

总结:1【js中table里的每一行怎么去获得它的行号】1、利用table标签建立一个三行两列的表格 。
2、在js内 , 经由过程行标签tr名称 , 利用getElementsByTagName()方式获得行对象 。
3、在js内 , 利用for轮回遍历行对象 , 给每一个行对象绑定onclick点击事务 , 当行对象被点击时 , 经由过程rowIndex获得行索引 , 利用alert()方式输出当前点击的行号 。


以上内容就是js中table里的每一行怎么去获得它的行号的内容啦 , 希望对你有所帮助哦!

    推荐阅读