본문 바로가기

JavaScript/Interactive JavaScript

[JavaScript] id로 태그 선택하기

어떤 태그를 움직이거나, 사용자의 마우스 속성에 반응하도록 하려면 내가 다루고자하는 태그를 선택해야 한다.

Id 로 태그를 선택하는 것은 자바스크립트로 원하는 태그를 선택하는 방법중 하나로 , 고유한 id 를 가진 하나의 태그를 선택할 때 유용하다.

 

document.getElementById();

document.getElementById('id');
const myTag1 = document.getElementById('myNumber');
console.log(myTag1);

const myTag2 = document.getElementById('btns');
console.log(myTag2);

const myTag3 = document.getElementById('codeit');
console.log(myTag3); // null

이런식으로 html 의 id 태그를 선택할 수 있다. 

존재하지 않는 코드를 선택한다면 null 값이 출력된다.