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

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

WBOY
풀어 주다: 2016-05-16 15:35:21
원래의
4580명이 탐색했습니다.

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를 통해 테이블의 행 번호와 열을 쉽게 얻을 수 있습니다. 이 글이 여러분의 연구에 도움이 되기를 바랍니다.

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿