>웹 프론트엔드 >JS 튜토리얼 >table_javascript 기술의 행과 열 수를 가져오는 js 메소드

table_javascript 기술의 행과 열 수를 가져오는 js 메소드

WBOY
WBOY원래의
2016-05-16 15:35:214576검색

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으로 문의하세요.