（26）JavaScript中表格方便的操作方式

最新推荐文章于 2024-09-20 10:44:28 发布

无人与我共黄昏

最新推荐文章于 2024-09-20 10:44:28 发布

阅读量835

点赞数

分类专栏： JavaScript案例解析

本文链接：https://blog.csdn.net/Xuan6251237011/article/details/37941657

版权

JavaScript案例解析同时被 3 个专栏收录

42 篇文章 0 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

JavaScript代码

42 篇文章 0 订阅

订阅专栏

JavaScript

24 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中便捷地获取表格单元格内容的方法，通过tBodies、rows和cells属性轻松访问表格数据。

摘要由CSDN通过智能技术生成

获取表格中的某个单元格的内容，可以采用简便的方法：tBodies、rows、cells来访问。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
	window.οnlοad=function ()
	{
		var oTab=document.getElementById('tab1');
		
		//获取XXX用户的用户名操作，用传统的方法如下
		alert(oTab.getElementsByTagName('tbody')[0].getElementsByTagName('tr')[1].getElementsByTagName('td')[1].innerHTML);
		
		//表格有方便的操作方法，等同于上面：
		alert(oTab.tBodies[0].rows[1].cells[1].innerHTML);
	};

 </script>
</head>

<body>
<table id="tab1" border="1" width="500">
	<thead>
		<td>ID<

了解本专栏