首頁  >  文章  >  web前端  >  將HTML格式的String轉換為HTMLElement的實作方法_javascript技巧

將HTML格式的String轉換為HTMLElement的實作方法_javascript技巧

WBOY
WBOY原創
2016-05-16 16:40:022156瀏覽

程式碼如下:

<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、若將script放到head元素中,則載入腳本時,尚未載入div元素,此時會出現「document.getElementById(...) 為空或不是物件」。
2、以上程式碼在chrome中正常支行,輸出結果為5,但在IE中輸出結果為0.
3.注意在js中定義資料不需要使用[],否則會出錯。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn