자바스크립트에서getElementById한 HTML을 li테그 갯수값 구하는 방법 있을까요? 채택완료

10년 전 조회 1,700

Copy
<script type="text/javascript">var bdtr_wrap= document.getElementById("bdtr_wrap"); console.log(bdtr_wrap);  </script>

console.log 찍어보면 

 

Copy
<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개

채택된 답변
+20 포인트

$("#bdtr_wrap > li").size();

$("#bdtr_wrap").children().size();

jquery로는 이렇게 하면................ 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

제이쿼리를 사용해서

Copy
<script type="text/javascript">$(document).ready(function(){  $("#bdtr_wrap li").length; });});</script>

로 하면 되지 않을까 싶네요.

size()보다는 .length 가 속도면에서는 조금 빠르다고 하네요. 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고