さっそく、最初にコードをお見せしましょう コードをコピーします コードは次のとおりです: Yiyi Garden <br>var pic = document.getElementById('picChange'); <br>var picList = pic.getElementsByTagName("li"); <br> /script> <br></body> <br><br> <br>Firefox と IE ではそれぞれ [object Text] が表示されます。 IE では [object] が表示されます。ここで、IE と Firefox はどちらもオブジェクト picList[0].firstChild をオブジェクト オブジェクトとして認識しますが、IE はそれ以上の詳細を要求しません。 <br>コードの次の部分を実行して、コード自体は同じですが、li の下に改行とインデントがないことを明確に見てみましょう。 <br> </div> <br><br><br>コードをコピー<div class="codetitle"> <span><a style="CURSOR: pointer" data="64936" class="copybut" id="copybut64936" onclick="doCopy('code64936')"> コードは次のとおりです:<u></u> </a><!DOCTYPE html PUBLIC "-/ /W3C/ /DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> .org/1999/xhtml"> ;head> </span> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </div> <title>Yiyi Garden</title> </head> <div class="codebody" id="code64936"><div id="win"> <br><li><img src= "images/bigpic/01.jpg" title="ウエストサポート/HY005"></li> <br><li><img src= "images/bigpic/02.jpg" title="ピローブーム/DB-004"></li> <br><li><img src="images/bigpic/03.jpg" title= "ビッグフットプロテクション/HY-001"></li> ; <BR></ul> <br><script type="text/javascript"> <br> var pic = document.getElementById('picChange'); var picList = pic.getElementsByTagName("li"); <br>alert(picList[0].firstChild); <br></html> 🎜><br> <br>上記のコード 2 を Firefox と IE でそれぞれ実行してください。Firefox で表示されるのは [object HTMLImageElement] ですが、IE で表示されるのは [object] です。ここでは、IE と Firefox の両方でオブジェクト picList[ が表示されます。 0].firstChild をオブジェクト オブジェクトとして指定します。Firefox では、それが HTMLImageElement タイプのオブジェクトであることが示されますが、IE では詳細が示されません。 <br>上の記述方法と下の記述方法の違いは、IE では同じオブジェクトとして認識されますが、Firefox の HTML 解析では、インデントが異なると別のオブジェクトが表現されます。 <br>これをもう一度記録します。これが私の友人全員に役立ち、私と同じ問題を抱えて長い間解決策が見つからないという事態にならないことを願っています。</div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
