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>
'Javascript' 카테고리의 다른 글
| Javascript img src에 이미지가 없어서 엑박뜰때 이미지 안보이게 하기 (0) | 2022.02.16 |
|---|---|
| [Javascript] Chrome, IE 브라우저 종류 확인 navigator userAgent (0) | 2021.03.11 |
| [Javascript] getElementById Chrome 에러 (0) | 2021.02.18 |
| [Javascript] 웹표준 자바스크립트 마우스 우클릭 방지, 개발자모드(F12) 막기 (0) | 2020.12.08 |
| [자바스크립트] Javascript Spread(...) 연산자 (0) | 2020.09.10 |
