[javascript/jquery] javascript Check for element existence example / 자바스크립트 요소 존재여부 확인방법

[javascript/jquery] javascript Check for element existence example / 자바스크립트 요소 존재여부 확인방법

 

 

javascript 에서

 

특정 요소를 가져오려면

 

document 를 사용하는데요

 

그중에서

 

특정 아이디를 가지고 있는 요소를 가져오려면

 

아래와 같이 getElementById 를 사용합니다.

 

document.getElementById("TARGET ID")

 

하지만 어떤경우에는

 

조건에 따라서 해당 요소가 있거나 없을수 있는데요,

 

만약, 요소가 없을때 요소를 가져오려고 하면 에러가 발생합니다!

 

그럴때는

 

아래와 같이 앞에 !! 를 붙여주면 됩니다.

 

var is_exist = !!document.getElementById("TARGET ID")

 

위 내용 보시면

 

is_exist 라는 변수에 !! 붙인 값을 저장했는데요

 

그 결과는

 

아래처럼 boolean 형태로

 

true / false 가 담기게 됩니다.

 

true or false

 

따라서 위 내용으로

 

체크한 값을 기준으로 조건을 만드시면 됩니다!

 

참고들 하세요!