主页
M
html5
JavaScript
DIV+CSS
前端美工
--网页制作--
Java与JSP
PHP
Python 3
Golang
--网络编程--
Mysql
Oracle
NoSQL
SQLite
--数据库--
Linux
正则表达式
架构
--运维--
--网页特效--
--移动开发--
SDN
QUIC
网络原理
--网络--
强化学习
机器学习
--人工智能--
区块链1
区块2
--区块链--
爬虫技术
爬虫案例
--数据采集--
理论
dapp案例
--dapp--
JavaScript实现获取table中某一列的值、style等
2021-02-09
网页编程网
网页编程网
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js实现获取table中某一列的值</title> <script type="text/javascript"> function getTdValue(){ var tableId = document.getElementById("tab"); var str = ""; for(var i=1;i<tableId.rows.length;i++) { alert(tableId.rows[i].cells[1].innerHTML); } } </script> </head> <body> <table style="width:100%; height:100%;" id="tab" onclick="getTdValue()" border="1" cellpadding="1" cellspacing="1"> <tr style="background-color:#CCC;"> <th>学号</th> <th>姓名</th> <th>性别</th> <th>年龄</th> </tr> <tr> <td>1</td> <td>李斯</td> <td>男</td> <td>22</td> </tr> <tr> <td>2</td> <td>王倩</td> <td>女</td> <td>20</td> </tr> <tr> <td>3</td> <td>于谦</td> <td>男</td> <td>18</td> </tr> <tr> <td>4</td> <td>柳浪</td> <td>女</td> <td>19</td> </tr> <tr> <td>5</td> <td>诸葛亮</td> <td>男</td> <td>20</td> </tr> <tr> <td>6</td> <td>东方云</td> <td>女</td> <td>21</td> </tr> <tr> <td>7</td> <td>公孙策</td> <td>男</td> <td>22</td> </tr> <tr> <td>8</td> <td>宝清</td> <td>女</td> <td>23</td> </tr> <tr> <td>9</td> <td>智育</td> <td>男</td> <td>20</td> </tr> <tr> <td>10</td> <td>柳丝丝</td> <td>女</td> <td>21</td> </tr> </table> </body> </html>
阅读原文
阅读
2775
123
显示电脑版