suchen

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
WBOYOriginal
2016-05-16 16:40:022253Durchsuche

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.

Stellungnahme：
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
Vorheriger Artikel：Verwendung von window.location.href (dynamischer Ausgabesprung)_GrundkenntnisseNächster Artikel：Verwendung von window.location.href (dynamischer Ausgabesprung)_Grundkenntnisse

In Verbindung stehende Artikel

Mehr sehen