2007년 12월 3일 월요일

tr ( table row) 안에 있는 td의 갯수 추출 및 참조하기

TR 객체만 가지고도 그 속의 TD 객체를 구할수 있습니다.

매개 TD마다 아이디를 부여하여 TD 객체를 구해오는것 보다는 TR에만 ID를 부여하여 TR객체를 얻고 다시 그 TR에 속하여 있는 TD 객체를 얻어오는것이 더욱 간편하고 ID가 많음에 따른 혼잡성도 줄여줄수 있습니다.

가령 <TR id = "myTr"><TD>ABC</TD><TD>DEF</TD></TR> 이런 HTML 코드가 있을때 두번째 셀 값 - 즉 DEF만 출력하고 싶다면 어떻게 구현할가요?

아주 쉽습니다...

var trObj = $("myTr");

일단  prototype에 정의된 $()함수를 이용하여 tr 객체를 가져옵니다.

var tdObj = trObj.cells[1];

trObj 객체속의 모든 셀들중 두번째 셀 객체를 가져오는 소스입니다.

alert (tdObj.innerHTML); 이러면 직접 DEF가 출력이 되여집니다.

참고문서 : http://doersworld.tistory.com/category/JavaScript

댓글 없음:

댓글 쓰기