将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 相关文章推荐
跨浏览器的事件对象介绍
Jun 27 Javascript
轻松实现Bootstrap图片轮播
Apr 20 Javascript
js实现上一页下一页的效果【附代码】
Mar 10 Javascript
深入浅析JavaScript中数据共享和数据传递
Apr 25 Javascript
Javascript闭包与函数柯里化浅析
Jun 22 Javascript
JavaScript中闭包的写法和作用详解
Jun 29 Javascript
jQuery复制节点用法示例(clone方法)
Sep 08 Javascript
详解Jquery Easyui的验证扩展
Jan 09 Javascript
利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
Mar 15 Javascript
利用n工具轻松管理Node.js的版本
Apr 21 Javascript
详解如何使用router-link对象方式传递参数?
May 02 Javascript
微信小程序使用Vant Weapp组件库的方法步骤
Aug 01 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中的正规表达式(二)
2006/10/09 PHP
php生成html文件方法总结
2014/12/01 PHP
PHP打印输出函数汇总
2016/08/28 PHP
深入解析PHP中SESSION反序列化机制
2017/03/01 PHP
PHP 图片合成、仿微信群头像的方法示例
2019/10/25 PHP
PHP实现微信提现功能(微信商城)
2019/11/21 PHP
jQuery+PHP实现图片上传并提交功能
2020/07/27 PHP
Javascript SHA-1:Secure Hash Algorithm
2006/12/20 Javascript
Javascript入门学习资料收集整理篇
2008/07/06 Javascript
Javascript常考语句107条收集
2010/03/09 Javascript
JS实现一个按钮的方法
2015/02/05 Javascript
javascript基于DOM实现省市级联下拉框的方法
2015/05/14 Javascript
jQuery检查事件是否触发的方法
2015/06/26 Javascript
javascript检查浏览器是否已经启用XX功能
2015/07/10 Javascript
js微信应用场景之微信音乐相册案例分享
2017/08/11 Javascript
AngularJs 延时器、计时器实例代码
2017/09/16 Javascript
babel之配置文件.babelrc入门详解
2018/02/22 Javascript
微信小程序适配iphoneX的实现方法
2018/09/18 Javascript
IE11下CKEditor在Bootstrap Modal中下拉问题的解决
2019/09/25 Javascript
[01:15:44]首部DOTA2纪录片今日23时全网上映
2014/03/19 DOTA
解析Python中的变量、引用、拷贝和作用域的问题
2015/04/07 Python
Python实现删除当前目录下除当前脚本以外的文件和文件夹实例
2015/07/27 Python
你眼中的Python大牛 应该都有这份书单
2017/10/31 Python
Python实现GUI学生信息管理系统
2020/04/05 Python
Python 使用PIL numpy 实现拼接图片的示例
2018/05/08 Python
Python中断多重循环的思路总结
2019/10/04 Python
django queryset 去重 .distinct()说明
2020/05/19 Python
JBL加拿大官方商店:扬声器、耳机等
2020/10/23 全球购物
Linux文件系统类型
2012/09/16 面试题
精彩的推荐信范文
2013/11/26 职场文书
党校学习思想汇报
2014/01/06 职场文书
公司活动邀请函
2014/01/24 职场文书
迎元旦广播稿
2014/02/22 职场文书
安全教育月活动总结
2014/05/05 职场文书
家长意见书
2015/06/04 职场文书
分布式锁为什么要选择Zookeeper而不是Redis?看完这篇你就明白了
2021/05/21 Redis