티스토리 뷰

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
댓글
Total
Today
Yesterday
링크
Apple 2023 맥북 프로 14 M3, 스페이스 그레이, M3 8코어, 10코어 GPU, 512GB, 8GB, 한글