javascript中怎么获取表格中的当前行号

在js中 , 可以通过行对象中的rowIndex属性获得当前行的行号 。 下面小编举例讲解javascript中怎么获取表格中的当前行号 。

javascript中怎么获取表格中的当前行号



需要这些哦
html+js
代码编纂器:z studio 10.0
方式/
1新建一个html文件 , 定名为test.html , 用于讲解javascript中怎么获取表格中的当前行号 。
javascript中怎么获取表格中的当前行号



2在test.html文件中 , 利用table标签建立一个表格 , 并设置其边框为1px 。
javascript中怎么获取表格中的当前行号



3在js标签内 , 经由过程getElementsByTagName()方式获得tr行对象 , 它是一个行对象的调集 。
javascript中怎么获取表格中的当前行号



4在js标签内 , 利用for轮回遍历行对象 , 在for轮回内 , 给每一行的tr对象绑定onclick点击事务 , 当表格行被点击时 , 执行function事务 。
javascript中怎么获取表格中的当前行号



5在function函数内 , 经由过程rowIndex属性获适当前的行号 , 并利用alert()方式将行号输出 。
javascript中怎么获取表格中的当前行号



6在浏览器打开test.html文件 , 点击表格行 , 查看实现的结果 。
javascript中怎么获取表格中的当前行号



javascript中怎么获取表格中的当前行号



javascript中怎么获取表格中的当前行号



总结:1【javascript中怎么获取表格中的当前行号】1、利用table标签建立一个表格 。
2、在js中 , 经由过程getElementsByTagName()方式获得tr行对象 。
3、在js中 , 利用for轮回遍历行对象 , 在for轮回内 , 给每一行的tr对象绑定onclick点击事务 , 当表格行被点击时 , 经由过程rowIndex属性获适当前的行号 , 并利用alert()方式将行号输出 。


以上内容就是javascript中怎么获取表格中的当前行号的内容啦 , 希望对你有所帮助哦!

    猜你喜欢