제이쿼리에서는 명확한 함수가 따로 있지만 자바스크립트에서는 존재하지 않는다.
원래 쓰던 방식이 있기는 했지만 혹시 다른 방법이 있나 찾아보려고 검색해봤는데 자주 쓰이는것처럼 보이는 한가지 방법은 나오더라.
1 2 | var div = document.getElementById("id"); if(div.length != 0) alert('요소 존재'); | cs |
이런 식으로 하면 id의 자식이 있는지 없는지 알 수 있다.
하지만 자식이 하나 이상일 경우 구별하기 힘들다.
1 2 | if(document.querySelector('#aside-manage div') != null) alert('요소 존재'); | cs |
querySelector의 강력한 기능덕분에 이런 짧은 코드로 요소의 존재 유무를 확인할 수 있다.
1 2 3 | var el = document.querySelector('#aside-manage div'); if(el != null) alert('요소 존재'); | cs |
필자가 사용하는 방법이다.