将HTML格式的String转化为HTMLElement的实现方法

 更新时间:2014年08月07日 15:50:31   投稿:whsnow  
本节主要介绍了将HTML格式的String转化为HTMLElement的实现方法,需要的朋友可以参考下

代码如下:

<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中定义数据不需要使用[],否则会出错。

相关文章

  • Javascript中for循环语句的几种写法总结对比

    Javascript中for循环语句的几种写法总结对比

    如果您希望一遍又一遍地运行相同的代码,并且每次的值都不同,那么使用循环是很方便的,javascript中for循环也是非常常用的,下面这篇文章主要介绍了Javascript中for循环的几种写法,需要的朋友可以参考借鉴,一起来看看吧。
    2017-01-01
  • JavaScript对象合并实现步骤介绍

    JavaScript对象合并实现步骤介绍

    这篇文章主要介绍了JavaScript对象合并实现步骤,为什么要合并?这是我在重构代码的时候的一个需求。简单来说,我会有若干个对象需要合并为一个对象。而这些对象为两层,如果直接展开或者赋值会涉及到深拷贝
    2023-01-01
  • JS日期转化指定格式及获取月/周日期区间的方法

    JS日期转化指定格式及获取月/周日期区间的方法

    本文详细介绍了JavaScript中Date类型的处理方法,包括日期的格式转换和获取特定月份或周的日期区间,本文介绍JS日期转化指定格式及获取月/周日期区间的方法,感兴趣的朋友跟随小编一起看看吧
    2024-09-09
  • 详解uni-app中的样式

    详解uni-app中的样式

    这篇文章主要为大家介绍了uni-app中的样式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-11-11
  • 用于节点操作的API,颠覆原生操作HTML DOM节点的API

    用于节点操作的API,颠覆原生操作HTML DOM节点的API

    敏捷开发是一种以人为核心、迭代、循序渐进的开发方法。在敏捷开发中,软件项目的构建被切分成多个子项目,各个子项目的成果都经过测试,具备集成和可运行的特征。
    2010-12-12
  • js中值引用和地址引用实例分析

    js中值引用和地址引用实例分析

    这篇文章主要介绍了js中值引用和地址引用,结合实例形式分析了javascript值引用和地址引用相关原理、用法及操作注意事项,需要的朋友可以参考下
    2019-06-06
  • JavaScript实现获取某个元素相邻兄弟节点的prev与next方法

    JavaScript实现获取某个元素相邻兄弟节点的prev与next方法

    这篇文章主要介绍了JavaScript实现获取某个元素相邻兄弟节点的prev与next方法,涉及JavaScript基于函数的判定及调用previousSibling与nextSibling的相关技巧,需要的朋友可以参考下
    2016-01-01
  • JavaScript双向链表实现LRU缓存算法的示例代码

    JavaScript双向链表实现LRU缓存算法的示例代码

    本文主要介绍了JavaScript双向链表实现LRU缓存算法的示例代码,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • javascript使用eval或者new Function进行语法检查

    javascript使用eval或者new Function进行语法检查

    使用代码来实现分析代码的语法,这是一件极其痛苦的事情。简单的解决办法是:使用脚本引擎自己的语法检查,比方说eval( ) 或者new Function( )。
    2010-10-10
  • javascript cookie解码函数(兼容ff)

    javascript cookie解码函数(兼容ff)

    javascript cookie解码函数
    2008-03-03

最新评论