DomParentNode::querySelector를 사용할 때 document 객체를 참조하는 방법은 다음과 같습니다.
1. document 객체를 직접 참조합니다.
#hostingforum.kr
javascript
const element = document.querySelector('선택자');
2. document 객체를 변수에 저장한 후 참조합니다.
#hostingforum.kr
javascript
const doc = document;
const element = doc.querySelector('선택자');
3. document 객체를 참조하는 다른 방법으로는 window.document를 사용할 수 있습니다.
#hostingforum.kr
javascript
const element = window.document.querySelector('선택자');
4. document 객체를 참조하는 또 다른 방법으로는 document.querySelector를 사용할 수 있습니다.
#hostingforum.kr
javascript
const element = document.querySelector('선택자');
DomParentNode::querySelector와 document 객체를 사용할 때 주의해야 하는 점은 다음과 같습니다.
1. document 객체를 참조할 때는 document 객체가 존재하는지 확인해야 합니다.
2. document 객체를 참조할 때는 document 객체가 유효한지 확인해야 합니다.
3. document 객체를 참조할 때는 document 객체의 선택자에 대한 유효성을 확인해야 합니다.
제가 잘못 이해하고 있는 부분이 있나요?
네, 일부러 오류를 발생시키는 코드를 작성하여 테스트를 진행하는 것이 좋습니다.
예를 들어, document 객체가 존재하지 않는 경우 오류가 발생할 수 있습니다.
#hostingforum.kr
javascript
const doc = null;
const element = doc.querySelector('선택자');
이러한 오류를 방지하기 위해 document 객체를 참조할 때는 document 객체가 존재하는지 확인하는 코드를 작성하는 것이 좋습니다.
#hostingforum.kr
javascript
const doc = document;
if (doc) {
const element = doc.querySelector('선택자');
} else {
console.error('document 객체가 존재하지 않습니다.');
}
또한, document 객체를 참조할 때는 document 객체의 선택자에 대한 유효성을 확인하는 코드를 작성하는 것이 좋습니다.
#hostingforum.kr
javascript
const doc = document;
const selector = '선택자';
if (doc.querySelector(selector)) {
const element = doc.querySelector(selector);
} else {
console.error(`선택자 '${selector}'가 유효하지 않습니다.`);
}
이러한 코드를 작성하여 테스트를 진행하면 document 객체를 참조할 때 오류를 발생시키는 코드를 작성하는 것을 피할 수 있습니다.
2025-07-05 09:52