티스토리 뷰
querySelector('.클래스명')
HTML에서 해당 클래스명를 사용하는 첫번째 요소를 찾음.
getElementById('id')
HTML에서 해당 id를 가지고 있는 요소를 찾음
소스코드
<form>
<input class="param" id="param1" value="seogineer" /><br>
<input class="param" id="param2" value="" /><br>
<button>button</button>
</form>
let el = document.getElementById('param1');
let el2 = document.querySelector('.param');
console.log("document.getElementById('param1') : ", el);
console.log("document.querySelector('param') : ", el2);
결과
참조
https://www.w3schools.com/jsref/met_document_getelementbyid.asp
https://www.w3schools.com/jsref/met_document_queryselector.asp
'Language > Javascript' 카테고리의 다른 글
appendChild(), insertBefore() (0) | 2020.12.27 |
---|---|
parentElement, parentNode (0) | 2020.12.26 |
HTML에서 자바스크립트로 값 전달 (0) | 2020.12.26 |
Ajax(XMLHTTPRequest 통신) (0) | 2020.12.26 |
HTML에서 자바스크립트 로딩 (0) | 2020.12.23 |
댓글