5.DOM访问表格元素
Posted john。
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了5.DOM访问表格元素相关的知识,希望对你有一定的参考价值。
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function showTableInfo() { var table = document.getElementById("mytable"); //获取标题的文本 var title = table.caption.innerHTML; alert(title); //获取每个单元格的文本,先获取行,针对每一行获取一个个的单元格内容 var rowArray = table.rows; var s = "表格中所有单元格的内容如下:\\n" + ""; for (var i = 0; i < rowArray.length; i++) { //拿到第一行 var row = rowArray[i]; //拿到当前航的单元格数组 var cellArray = row.cells; for (var j = 0; j < cellArray.length; j++) { //当前行的第j个单元格 var cell = cellArray[j]; s += cell.innerHTML; } s += "\\n"; } //比如获取第一行,第一列的内容,从0开始算 //table.rows[0].cells[0].innerHTML; alert(s); } </script> </head> <body> <table id="mytable" border="1"> <caption>海文信息课程</caption> <tr> <td>JavaEE</td> <td>php</td> </tr> <tr> <td>Web前端</td> <td>OCP</td> </tr> <tr> <td>UI</td> <td>android</td> </tr> </table> <input type="button" value="获取表格相关信息" onclick="showTableInfo()"/> </body> </html>
以上是关于5.DOM访问表格元素的主要内容,如果未能解决你的问题,请参考以下文章
如何从 Android 中的 Fragment 访问 UI 元素?