반응형
자바스크립트 또는 JQuery에서 객체 존재 여부 체크하기
자바스크립트에서 객체의 존재를 체크할 때는
<script type="text/javascript">
window.onload=function(){
var name = document.getElementById('name');
alert(name);
};
</script>
<body>
<span id="name">홍길동</span>
</body>
아이디를 통해 객체에 접근했을 때 객체가 존재하면 [object HTMLSpanElement] 로 출력하고
객체가 존재하지 않으면 null로 출력됨
jQuery에서객체의 존재를 체크할 때는
<script type="text/javascript">
$(document).ready(function(){
alert($('#name'));
//위와 같이 명시하면 객체가 존재하건 존재하지 않건 [object Object]라고 출력한다.
//따라서 객체 존재 여부를 정확하게 체크할 수 없기 때문에 .length를 사용한다.
//.length를 사용하면 존재하는 객체의 갯수를 반환하고 존재하지 않으면 0를 반환한다.
alert($('#name').length);
});
};
</script>
<body>
<span id="name">홍길동</span>
</body>
반응형
'javaScript&jQuery' 카테고리의 다른 글
| jQuery를 이용해서 팝업창에서 부모창에 데이터 전달하기 (0) | 2017.07.25 |
|---|---|
| jQuery를 이용해서 checkbox의 선택한 값 모두 읽어 오기 (0) | 2017.07.25 |
| jquery를 이용해서 시작날짜와 종료날짜 비교 (0) | 2016.09.12 |
| id 저장 쿠키 (0) | 2016.07.22 |
| ajax 이용해서 multipart 데이터 전송하기 (0) | 2016.07.21 |