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


Posted in Javascript onAugust 07, 2014

代码如下:

<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 相关文章推荐
js 文件引入实现代码
Apr 23 Javascript
jQuery 版元素拖拽原型代码
Apr 25 Javascript
一行代码告别document.getElementById
Jun 01 Javascript
JQuery入门——移除绑定事件unbind方法概述及应用
Feb 05 Javascript
js 控制下拉菜单刷新的方法
Mar 03 Javascript
JS教程:window.location使用方法的区别介绍
Oct 04 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
Dec 29 Javascript
jquery datepicker参数介绍和示例
Apr 15 Javascript
EasyUI中datagrid在ie下reload失败解决方案
Mar 09 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
Mar 07 Javascript
JavaScript之解构赋值的理解
Jan 30 Javascript
带你使用webpack快速构建web项目的方法
Nov 12 Javascript
jquery datatable后台封装数据示例代码
Aug 07 #Javascript
jquery对象和javascript对象即DOM对象相互转换
Aug 07 #Javascript
js判断当页面无法回退时关闭网页否则就history.go(-1)
Aug 07 #Javascript
js和jquery设置disabled属性为true使按钮失效
Aug 07 #Javascript
javascript中为某个元素指定事件的三种方式
Aug 07 #Javascript
谷歌地图打不开的解决办法
Aug 07 #Javascript
JavaScript验证18位身份证号码最后一位正确性的实现代码
Aug 07 #Javascript
You might like
php递归列出所有文件和目录的代码
2008/09/10 PHP
劣质的PHP代码简化
2010/02/08 PHP
php高级编程-函数-郑阿奇
2011/07/04 PHP
PHP中其实也可以用方法链
2011/11/10 PHP
php通过array_merge()函数合并关联和非关联数组的方法
2015/03/18 PHP
Yii Framework框架使用PHPExcel组件的方法示例
2019/07/24 PHP
JavaScript Event学习第三章 早期的事件处理程序
2010/02/07 Javascript
JS实现点击图片在当前页面放大并可关闭的漂亮效果
2013/10/18 Javascript
javascript使用for循环批量注册的事件不能正确获取索引值的解决方法
2014/12/20 Javascript
jQuery实现鼠标划过修改样式的方法
2015/04/14 Javascript
javascript使用avalon绑定实现checkbox全选
2015/05/06 Javascript
JQuery中两个ul标签的li互相移动实现方法
2015/05/18 Javascript
JavaScript中指定函数名称的相关方法
2015/06/04 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
2015/07/20 Javascript
详解Document.Cookie
2015/12/25 Javascript
实例详解jQuery的无new构建
2016/08/02 Javascript
js 实现一些跨浏览器的事件方法详解及实例
2016/10/27 Javascript
javascript观察者模式实现自动刷新效果
2017/09/05 Javascript
JavaScript中filter的用法实例分析
2019/02/27 Javascript
你不知道的Vue技巧之--开发一个可以通过方法调用的组件(推荐)
2019/04/15 Javascript
通过实例了解JS 连续赋值
2019/09/24 Javascript
[29:10]Ti4 冒泡赛第二天 NEWBEE vs Titan 3
2014/07/15 DOTA
python输入整条数据分割存入数组的方法
2018/11/13 Python
Python实现对adb命令封装
2020/03/06 Python
解决python3.x安装numpy成功但import出错的问题
2020/11/17 Python
跑步、骑行和铁人三项的高性能眼镜和服装:ROKA
2018/07/06 全球购物
环境科学专业个人求职的自我评价
2013/11/28 职场文书
村委会主任先进事迹
2014/01/15 职场文书
保险专业大学生职业规划书
2014/03/03 职场文书
反对形式主义、官僚主义、享乐主义和奢靡之风整改措施
2014/09/17 职场文书
培训通知
2015/04/17 职场文书
诚信考试承诺书范文
2015/04/29 职场文书
埃及王子观后感
2015/06/16 职场文书
趣味运动会广播稿
2015/08/19 职场文书
详解如何修改nginx的默认端口
2021/03/31 Servers
详解如何使用Node.js实现热重载页面
2021/05/06 Javascript