[Javascript] 자식 유무 확인, 요소 엘리먼트 존재 확인하기

제이쿼리에서는 명확한 함수가 따로 있지만 자바스크립트에서는 존재하지 않는다.

원래 쓰던 방식이 있기는 했지만 혹시 다른 방법이 있나 찾아보려고 검색해봤는데 자주 쓰이는것처럼 보이는 한가지 방법은 나오더라.

var div = document.getElementById("id");
if(div.length != 0) alert('요소 존재');

이런 식으로 하면 id의 자식이 있는지 없는지 알 수 있다.

하지만 자식이 하나 이상일 경우 구별하기 힘들다.

if(document.querySelector('#aside-manage div') != null)
alert('요소 존재');

querySelector의 강력한 기능덕분에 이런 짧은 코드로 요소의 존재 유무를 확인할 수 있다.

var el = document.querySelector('#aside-manage div');
if(el != null)
alert('요소 존재');

필자가 사용하는 방법이다.