本章节介绍一下如何获取一个table表格中指定行下面的所有单元格,非常的简单,直接看代码.

代码实例:
   [ 其他 ] 运行代码    下载代码
<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="https://www.51qianduan.com/" />  
<title>51前端</title>  
<style type="text/css"> 
.table{ 
  width:300px; 
  height:100px; 
  border:1px solid #ccc; 
  border-collapse:collapse; 
} 
.table td,.table th { 
  border:1px solid #ccc; 
  padding:5px; 
} 
</style> 
<script type="text/javascript"> 
window.onload=function(){
  var oshow=document.getElementById("show");
  var otable=document.getElementById("tb");
  oshow.innerHTML=otable.rows[1].cells.length;
}
</script>
</head> 
<body> 
<div id="show"></div>
<table id="tb" class="table"> 
  <thead> 
    <tr> 
      <th>51前端一</th> 
      <th>51前端二</th> 
    </tr> 
  </thead> 
  <tr> 
    <td>javascript教程</td> 
    <td>jQuery教程</td> 
  </tr> 
  <tr> 
    <td>HTML教程</td> 
    <td>div css教程</td> 
  </tr> 
</table> 
</body> 
</html>
以上代码可以获取第二行所有单元格的数目,下面做一下介绍:
   [ 其他 ] 运行代码    下载代码
<script>
otable.row
</script>
以上代码可以获取表格中所有的行。
   [ 其他 ] 运行代码    下载代码
<script>
rowObj.cells
</script>

代码描述:js表格行单元格。js获取表格指定行所有单元格源码实例



138 183



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到