I'm

Developer, Designer, Photographer

GET IN TOUCH

  • Buk-gu, Busan, Republic of Korea
  • ungdoli0916@naver.com
  • Kakao ID : Ungdoli
Your message has been sent. Thank you!
(즐거웅코드) 자바스크립트 클래스 개수 가져오기

· 즐거'웅' 코드 (Source)/HTML & CSS & JAVASCRIPT
2021. 7. 21. 23:02

반응형

[즐거'웅'코드] 목차

  1. JAVASCRIPT
  2. 예제 소스
  3. 구현 예시
JAVASCRIPT
1
2
3
 
<script>
    document.getElementsByClassName('(클래스명)').length;
</script>
예제 소스
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<div class="test_obj">1</div>
<div class="test_obj">2</div>
<div class="test_obj">3</div>
<div class="test_obj">4</div>
<div class="test_obj">5</div>
 
<button onclick="test()">클래스 개수 가져오기</button>
 
<script>
    function test() {
        var class_cnt = document.getElementsByClassName('test_obj').length;
        alert(class_cnt);
    }
</script>
구현 예시
반응형
저작자표시

'· 즐거'웅' 코드 (Source) > HTML & CSS & JAVASCRIPT' 카테고리의 다른 글

(즐거웅코드) 자바스크립트 객체(태그) 개수 가져오기  (0) 2021.07.23
(즐거웅코드) 제이쿼리 클래스 개수 가져오기  (0) 2021.07.22
(즐거웅코드) 자바스크립트 변수 중 가장 값이 큰 변수의 이름(변수명) 가져오기  (0) 2021.07.20
(즐거웅코드) 자바스크립트 파라미터 값 가져오기  (0) 2021.07.19
(즐거웅코드) swiper 슬라이드 display none에서 block 됐을 때 깨짐 방지하기  (0) 2021.07.18

관련글

댓글 0

티스토리툴바