[javascript] Dom객체 id 존재여부 확인하기

javascript를 이용해서 페이지 내 특정 DOM 객체가 존재하는지 확인하는 방법 (id사용)

 

 

 

 

 

자바스크립트와 jQuery 각각의 사용 방법을 정리해본다.

 

test라는 id를 갖고 있는 객체가 있는지 찾아보자 !

<script type="text/javascript">
 
window.onload = function(){
 
    // javascript
    if(document.getElementById("test")){
        console.log("id=test 객체가 존재합니다.");
    }else{
        console.log("id=test 객체가 존재하지 않습니다.");
    }
 
 
    // jQuery
    if($("#test").length > 0){
        console.log("id=test 객체가 존재합니다.");
    }else{
        console.log("id=test 객체가 존재하지 않습니다.");
    }
}
 
</script>

 

 

 

jQuery는 객체가 존재하지 않으면 length를 0으로 리턴한다.

이 점을 알고 원하는 조건에 맞게 알맞게 수정해서 사용하면 편리하겠다 :> ~~