더 이상 고민하지 말고 먼저 코드를 보여드리겠습니다. 코드 복사 코드는 다음과 같습니다. 🎜>< ;html xmlns="http://www.w3.org/1999/xhtml"> Yiyi Garden ="images/03.jpg" title="그림 3"> var pic = document.getElementById('picChange'); <BR>var picList = pic.getElementsByTagName("li") <BR>alert(picList[0].firstChild); /script> <BR></body> <BR><BR> <BR>Firefox와 IE에서는 각각 위의 코드 1을 실행하세요. IE에서 나타나는 것은 [객체]입니다. 여기서 IE와 Firefox는 모두 picList[0].firstChild 객체를 객체 객체로 간주합니다. Firefox는 이것이 텍스트 유형 객체라는 메시지를 표시하고 IE는 더 자세한 내용을 메시지를 표시하지 않습니다. <BR>다음 코드를 실행해 보면 코드 자체는 동일하지만 li 아래에 줄 바꿈과 들여쓰기가 없습니다. <BR><BR> 코드 복사 코드는 다음과 같습니다. .org/1999/xhtml"> < ;head> Yiyi Garden var pic = document.getElementById('picChange'); var picList = pic.getElementsByTagName("li"); <br>alert(picList[0].firstChild) <br></body> 🎜><br> <br>Firefox와 IE에서 각각 위의 코드 2를 실행하세요. Firefox에 나타나는 것은 [object HTMLImageElement]이고, IE에 나타나는 것은 [object]입니다. 여기서 IE와 Firefox는 모두 picList[ 객체를 간주합니다. 0].firstChild를 개체 개체로 지정합니다. Firefox에서는 HTMLImageElement 유형 개체라는 메시지를 표시하고 IE에서는 자세한 내용을 메시지로 표시하지 않습니다. <br>상위와 하위 작성 방법의 차이점은 들여쓰기와 줄바꿈뿐입니다. IE에서는 동일한 개체로 인식되지만 Firefox에서는 들여쓰기가 다른 개체를 나타냅니다. <br>이 내용을 다시 녹음하겠습니다. 모든 친구들에게 도움이 되기를 바랍니다. 저와 같은 문제를 겪거나 오랫동안 해결책을 찾지 못하는 일이 발생하지 않기를 바랍니다.</li></ul> </div> </div>