这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
下面小编就为大家带来一篇 js 中获取 table 节点各 tr 及 td 的内容简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
- <table id="tb1" width="200" border="1" cellpadding="4" cellspacing="0">
- <tr>
- <td height="25">
- 第一行
- </td>
- </tr>
- <tr>
- <td height="25">
- 第二行
- </td>
- </tr>
- <tr>
- <td height="25">
- 第三行
- </td>
- </tr>
- <tr>
- <td height="25">
- 第四行
- </td>
- </tr>
- <tr>
- <td height="25">
- <input type="button" name="getTableContent" value="获得表格内容" onclick="getTableContent(this)">
- </td>
- </tr>
- </table>
如上所示代码,按钮点击事件中传入 this 对象,此对象就是按钮本身。通过以下方法测试获取表格的数据
- <script language="javascript">
- function getTableContent(node) {
- // 按钮的父节点的父节点是tr。
- var tr1 = node.parentNode.parentNode;
- alert(tr1.rowIndex);
- alert(tr1.cells[0].childNodes[0].value); //获取的方法一
- alert(tr1.cells[0].innerText);
- // 通过以下方式找到table对象,在获取tr,td。然后获取td的html内容
- var table = document.getElementById("tb1");//获取第一个表格
- var child = table.getElementsByTagName("tr")[rowIndex - 1];//获取行的第一个单元格
- var text = child.firstChild.innerHTML;
- window.alert("表格第" + rowIndex + "的内容为: " + text);
- }
- </script>
来源: http://www.phperz.com/article/17/0524/331169.html