(26)JavaScript中表格方便的操作方式

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

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
	window.onload=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</td>
		<td>姓名</td>
		<td>年龄</td>
	</thead>

	<tbody>
	<tr>	<td>1</td>
		<td>Xuan</td>
		<td>23</td>
	</tr>

	<tr>	<td>2</td>
		<td>XXX</td>
		<td>25</td>
	</tr>

	<tr>	<td>3</td>
		<td>SSS</td>
		<td>24</td>
	</tr>

	<tr>	<td>4</td>
		<td>李四</td>
		<td>26</td>
	</tr>

	<tr>	<td>5</td>
		<td>王五</td>
		<td>29</td>
	</tr>
	</tbody>
</table>
</body>
</html>

效果图:

(26)JavaScript中表格方便的操作方式_第1张图片

你可能感兴趣的:((26)JavaScript中表格方便的操作方式)