[Javascript] DOM에 특정 id element가 존재하는지 체크하기

 

DOM에

특정 id를 가지는 element가 있는지 체크하는 방법입니다.

 

 

DOM에 특정 id element가 존재하는지 체크하기

document.getElementById(id);

 

getElementById() 함수는

dom에서 특정 id를 가지는 element를 조회하는 함수입니다.

이 함수는,

만약 찾는 id를 가진 element가 없으면 null을 리턴합니다.

이런 점을 이용하여,

dom에 특정 id를 가지는 element가 있는지 체크할 수 있습니다.

 

 

  예제  

<div id='apple'>사과</div>
<div id='banana'>바나나</div>

// 특정 id가 존재하는지 체크하는 함수
function checkElementExist(id)  {
  if(document.getElementById(id)) {
    document.write(id + ' is exist' + '<br>');
  }else {
    document.write(id + ' is not exist' + '<br>');
  }
}

// checkElementExist() 함수 호출
document.write('======== 결과 ======= <br>');
checkElementExist('apple');
checkElementExist('orange');

if(document.getElementById(id)) {

  ...

} else {

  ...

}

DOM에 특정  element가 존재하는지 체크하기 위해서

 getElementById() 함수를 사용하였습니다.

파라미터로 전달된 id의 element가 존재하지 않는 경우,

getElementById()는 null을 리턴하고,

if 조건문에서 이것은 false로 처리됩니다.

 

---

 

간단하게

DOM에 특정 id의 element가 존재하는지 여부를 체크하는 방법을 알아보았습니다.