document.getElementById(id) 함수는 HTML 문서 내에서 id 속성이 지정된 요소를 찾기 위해 사용하는 메서드입니다.
주어진 id 값이 element 중에 하나가 존재하는지 확인하는 방법은 간단합니다. document.getElementById(id) 함수를 호출하면 id 값이 지정된 요소를 찾을 수 있기 때문에, 요소가 존재한다면 null이 아닌 요소를 반환하고, 존재하지 않으면 null을 반환합니다.
존재하지 않는 id 값을 사용하면 null을 반환합니다. 이 경우 null을 반환하는 대신 오류를 발생시키지 않습니다. 하지만, null을 반환하는 경우 null이 아닌 요소를 반환하길 기대했을 수 있으므로, 주의가 필요합니다.
예를 들어, 다음 코드는 id가 "header"인 요소를 찾습니다.
#hostingforum.kr
javascript
const header = document.getElementById("header");
if (header) {
console.log("header 요소가 발견되었습니다.");
} else {
console.log("header 요소가 발견되지 않았습니다.");
}
이 코드는 id가 "header"인 요소가 존재하는지 확인하고, 존재하면 "header 요소가 발견되었습니다."를 출력하고, 존재하지 않으면 "header 요소가 발견되지 않았습니다."를 출력합니다.
2025-05-09 00:39