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