Javascript

[javascript] 자바스크립트로 label 요소 검색하기(querySelector)

오탄자 2021. 3. 8. 23:17

Jquery를 사용하지 않고 javascript로 label 요소 접근하기

document.querySelector() 는 문서 안에서 선택자와 일치하는 첫 번째 요소를 접근한다.

일치하는 요소가 없을 경우 null을 반환한다.

 

 

document.querySelector('label[for="input-text"]')

 

<html>

  <body>
    <div>
      <label for="input-text"></label>
      <input type="checkbox" name="input-name" id="input-text" />
    </div>
  </body>

</html>

 

 

document.querySelector(".input-class");

 

<html>

  <body>
    <div class="input-class">
      <label for="input-text"></label>
      <input type="checkbox" name="input-name" id="input-text" />
    </div>
  </body>

</html>