Der Code lautet wie folgt:
<meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <div id="content"></div> <script> var el = document.createElement("div"); el.innerHTML = ' <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>titleValue</title> <meta name="description" content="It is a good way to learn science." /> <meta name="keywords" content="Symfony2,Redis,PHP" /> <meta name="author" content="CSDN.NET" /> <meta name="Copyright" content="CSDN.NET" /> </head> <body> hello</body> </html>'; var descElements = el.getElementsByTagName("head"); document.getElementById("content").innerHTML = descElements.length; </script> </body> </html>
1. Wenn das Skript im Head-Element platziert ist, wurde beim Laden des Skripts das div-Element nicht geladen und es wird „document.getElementById(...) ist leer oder kein Objekt“ angezeigt.
2. Der obige Code funktioniert normal in Chrome und das Ausgabeergebnis ist 5, aber im IE ist das Ausgabeergebnis 0.
3. Beachten Sie, dass Sie beim Definieren von Daten in js nicht [] verwenden müssen, da sonst ein Fehler auftritt.