ホームページ >ウェブフロントエンド >jsチュートリアル >テーブルの行数と列数を取得する js メソッド_javascript スキル

テーブルの行数と列数を取得する js メソッド_javascript スキル

WBOY
WBOYオリジナル
2016-05-16 15:35:214583ブラウズ

JavaScript を使用してテーブルの行数と列数を取得するにはどうすればよいですか?次のテーブルが存在すると仮定すると、実際には非常に簡単です:

<table width="100%" border="1" cellspacing="0" cellpadding="0" id="example_table"> 
  <tr> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
  </tr> 
  <tr> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
  </tr> 
  <tr> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
  </tr> 
</table> 

次のコードを使用して、テーブルの行数と列数を取得できます:

//表格行数 
var rows = document.getElementById("example_table").rows.length; 
 
//表格列数 
var cells = document.getElementById("example_table").rows.item(0).cells.length; 

上記のコードを使用すると、JavaScript を使用してテーブルの行番号と列を簡単に取得できます。この記事があなたの学習に役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。