JavaScript - getElementbyId ()란? 사용법

안녕하세요.

고코더 입니다.

자바스크립트보다 jQuery에 익숙한 분들은 슬슬 getElementbyId의 철자를 잊어먹기 시작했을 것입니다. 저 역시 마찬가지입니다. 하지만 자바스크립트 기본기를 탄탄히 하려면 바닐라 JS 위주로 다시 한번 리마인드 해보시기 바랍니다.

 

getElementbyId 

● 1. 이 함수는 element의 ID를 이용해 요소를 찾는 함수입니다. 일치하는 dom을 찾았다면 엘리먼트를 반환합니다. 만약 아래와 같은 id를 가진 div를 이 함수를 이용해 찾아보겠습니다.  

<div id='GoCoder'>
<div>

 

● 2. document.getElementById()를 선언하고 그 안에 ID값을 넣어서 변수로 담으면 완료입니다. 

let gc = document.getElementById("GoCoder");

 

● 3. 익숙한 방법을 jQuery를 사용하면 이렇습니다. (아 jquery 너무편해)

let gc = $("#GoCoder");

 

이 함수는 사실 가장 기초적이면서도 가장 필요한 id의 요소에 접근하는 함수입니다. 이렇게 요소를 가져와서 이제 원하는 작업을 무엇이든지 할 수 있습니다.