JavaScript rows 屬性

admin發表於2018-10-24
JavaScript

rows可以獲取表格中所有行的集合。

利用集合的length屬性可以獲取具體的行數。

語法結構：

[JavaScript] 純文字檢視 複製程式碼
tableObject.rows

瀏覽器支援:

（1）.IE瀏覽器支援此屬性。

（2）.edge瀏覽器支援此屬性。

（3）.谷歌瀏覽器支援此屬性。

（4）.opera瀏覽器支援此屬性。

（5）.火狐瀏覽器支援此屬性。

（6）.safria瀏覽器支援此屬性。

程式碼例項:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<style>
ul li{
  list-style: none;
}    
</style>    
<script>  
window.onload=function() {
  let otable=document.getElementById("thetable");
  let otrnum=document.getElementById("trnum");
  let obt=document.getElementById("trbt");
  trbt.onclick=function() {
    let rows=otable.rows;
    otrnum.innerHTML="表格中行的數量是:"+rows.length;
  }
}
</script> 
</head> 
<body> 
<table id="thetable" border="1"> 
  <tr> 
    <td>序號</td> 
    <td>教程</td> 
    <td>作者</td> 
  </tr> 
  <tr> 
    <td>1</td> 
    <td>JavaScript教程</td> 
    <td>antzone</td> 
  </tr> 
  <tr> 
    <td>2</td> 
    <td>div css教程</td> 
    <td>螞蟻部落</td> 
  </tr> 
</table> 
<ul> 
  <li id="trnum"></li> 
  <li><input type="button" id="trbt" value="獲取行的數量"/></li> 
</ul> 
</body> 
</html>

上述程式碼點選按鈕可以獲取table表格中具體的函式。

相關文章