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
댓글 없음:
댓글 쓰기