代碼如下:
<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中定義數據不需要使用[],否則會出錯。