Heim > Web-Frontend > js-Tutorial > So konvertieren Sie HTML-formatierte Zeichenfolgen in HTMLElement_javascript-Kenntnisse

So konvertieren Sie HTML-formatierte Zeichenfolgen in HTMLElement_javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 16:40:02
Original
2221 Leute haben es durchsucht

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>
Nach dem Login kopieren

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.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage