자바스크립트에서getElementById한 HTML을 li테그 갯수값 구하는 방법 있을까요?
본문
<script type="text/javascript">
var bdtr_wrap= document.getElementById("bdtr_wrap");
console.log(bdtr_wrap);
</script>
console.log 찍어보면
<ul class="bdtr_wrap" id="bdtr_wrap">
<li class="mtap1" onclick="tab1.click(this)" id="pd_tap01" bid="pd_tap01">공지사항</li>
<li class="mtap2 selected" onclick="tab1.click(this)" id="pd_tap02" bid="pd_tap02">자유게시판</li>
<li class="mtap3" onclick="tab1.click(this)" id="pd_tap03" bid="pd_tap03">첨부게시판</li> </ul>
이렇게 찍어서 나오는데요 이중 li테그 갯수가 3개인데요 li태그 갯수가 경우에 따라 램덤이라서.
이것을 갯수 구하는 방법 알고 싶습니다.
부탁드립니다.
답변 2
$("#bdtr_wrap > li").size();
$("#bdtr_wrap").children().size();
jquery로는 이렇게 하면................
제이쿼리를 사용해서
<script type="text/javascript">
$(document).ready(function(){
$("#bdtr_wrap li").length;
});
});
</script>
로 하면 되지 않을까 싶네요.
size()보다는 .length 가 속도면에서는 조금 빠르다고 하네요.
답변을 작성하시기 전에 로그인 해주세요.