將HTML格式的String轉(zhuǎn)化為HTMLElement的實現(xiàn)方法
更新時間：2014年08月07日 15:50:31 投稿：whsnow
本節(jié)主要介紹了將HTML格式的String轉(zhuǎn)化為HTMLElement的實現(xiàn)方法,需要的朋友可以參考下
代碼如下：
<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元素，此時會出現(xiàn)“document.getElementById(...) 為空或者不是對象”。
2、以上代碼在chrome中正常支行，輸出結果為5，但在IE中輸出結果為0.
3、注意在js中定義數(shù)據(jù)不需要使用[],否則會出錯。
相關文章
現(xiàn)在面試過程當中 ，手寫題必然是少不了的，其中碰到比較多的無非就是當屬 請求并發(fā)控制了，所以本文為大家整理了JS使用Promise控制請求并發(fā)數(shù)的示例代碼，希望對大家有所幫助2023-05-05
本文將通過遞歸的經(jīng)典案例：求斐波那契數(shù)來講解遞歸，通過畫遞歸樹的方式來講解其時間復雜度和空間復雜度以及遞歸的執(zhí)行順序，感興趣的可以了解一下2022-06-06
RequireJS以一個相對于baseUrl的地址來加載所有的代碼。接下來通過本文給大家分享RequireJs官方使用教程，感興趣的朋友一起看看吧2017-10-10
解構賦值允許你使用類似數(shù)組或?qū)ο笞置媪康恼Z法將數(shù)組和對象的屬性賦給各種變量,下面這篇文章主要給大家介紹了關于JavaScript對象解構用法的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-01-01
這篇文章主要為大家詳細 介紹了OpenLayer學習之自定義測量控件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
JavaScript中的動態(tài)?import()用法示例解析
這篇文章主要為大家介紹了JavaScript中的動態(tài)import()用法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
BootStrap使用file-input插件上傳圖片的方法
這篇文章主要介紹了BootStrap使用file-input插件上傳圖片的方法，bootstrap的圖片上傳框架 file-input 插件非常不錯，下面小編通過本文介紹下這個插件的使用方法，感興趣的朋友一起看看吧2016-09-09
這篇文章主要給大家總結介紹了關于moment的一些常見用法,moment.js是一個輕量級的JavaScript時間庫,對于日常開發(fā)中可能會存在獲取時間、設置時間、格式化時間、比較時間等,需要的朋友可以參考下2023-09-09
本篇文章主要是對js 判斷控件獲得焦點的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
JavaScript中的location、history、navigator對象實例介紹
這篇文章主要介紹了JavaScript中的location、history、navigator對象實例介紹,需要的朋友可以參考下2023-05-05