將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)文章
Javascript中for循環(huán)語(yǔ)句的幾種寫(xiě)法總結(jié)對(duì)比
如果您希望一遍又一遍地運(yùn)行相同的代碼，并且每次的值都不同，那么使用循環(huán)是很方便的,javascript中for循環(huán)也是非常常用的,下面這篇文章主要介紹了Javascript中for循環(huán)的幾種寫(xiě)法,需要的朋友可以參考借鑒，一起來(lái)看看吧。2017-01-01
JavaScript對(duì)象合并實(shí)現(xiàn)步驟介紹
這篇文章主要介紹了JavaScript對(duì)象合并實(shí)現(xiàn)步驟，為什么要合并？這是我在重構(gòu)代碼的時(shí)候的一個(gè)需求。簡(jiǎn)單來(lái)說(shuō)，我會(huì)有若干個(gè)對(duì)象需要合并為一個(gè)對(duì)象。而這些對(duì)象為兩層，如果直接展開(kāi)或者賦值會(huì)涉及到深拷貝2023-01-01
JS日期轉(zhuǎn)化指定格式及獲取月/周日期區(qū)間的方法
本文詳細(xì)介紹了JavaScript中Date類(lèi)型的處理方法,包括日期的格式轉(zhuǎn)換和獲取特定月份或周的日期區(qū)間,本文介紹JS日期轉(zhuǎn)化指定格式及獲取月/周日期區(qū)間的方法,感興趣的朋友跟隨小編一起看看吧2024-09-09
這篇文章主要為大家介紹了uni-app中的樣式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2021-11-11
用于節(jié)點(diǎn)操作的API，顛覆原生操作HTML DOM節(jié)點(diǎn)的API
敏捷開(kāi)發(fā)是一種以人為核心、迭代、循序漸進(jìn)的開(kāi)發(fā)方法。在敏捷開(kāi)發(fā)中，軟件項(xiàng)目的構(gòu)建被切分成多個(gè)子項(xiàng)目，各個(gè)子項(xiàng)目的成果都經(jīng)過(guò)測(cè)試，具備集成和可運(yùn)行的特征。2010-12-12
這篇文章主要介紹了js中值引用和地址引用,結(jié)合實(shí)例形式分析了javascript值引用和地址引用相關(guān)原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2019-06-06
JavaScript實(shí)現(xiàn)獲取某個(gè)元素相鄰兄弟節(jié)點(diǎn)的prev與next方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)獲取某個(gè)元素相鄰兄弟節(jié)點(diǎn)的prev與next方法,涉及JavaScript基于函數(shù)的判定及調(diào)用previousSibling與nextSibling的相關(guān)技巧,需要的朋友可以參考下2016-01-01
JavaScript雙向鏈表實(shí)現(xiàn)LRU緩存算法的示例代碼
本文主要介紹了JavaScript雙向鏈表實(shí)現(xiàn)LRU緩存算法的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
javascript使用eval或者new Function進(jìn)行語(yǔ)法檢查
使用代碼來(lái)實(shí)現(xiàn)分析代碼的語(yǔ)法，這是一件極其痛苦的事情。簡(jiǎn)單的解決辦法是：使用腳本引擎自己的語(yǔ)法檢查，比方說(shuō)eval( ) 或者new Function( )。2010-10-10
javascript cookie解碼函數(shù)（兼容ff）
javascript cookie解碼函數(shù)2008-03-03