将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实现的所谓的滑动门
May 23 Javascript
在IE,Firefox,Safari,Chrome,Opera浏览器上调试javascript
Dec 02 Javascript
javascript中length属性的探索
Jul 31 Javascript
jquery 合并内容相同的单元格(示例代码)
Dec 13 Javascript
jquery模拟LCD 时钟的html文件源代码
Jun 16 Javascript
基于insertBefore制作简单的循环插空效果
Sep 21 Javascript
JS使用正则截取两个字符串之间的字符串实现方法详解
Jan 06 Javascript
input type=file 选择图片并且实现预览效果的实例
Oct 26 Javascript
一个因@click.stop引发的bug的解决
Jan 08 Javascript
js实现点赞按钮功能的实例代码
Mar 06 Javascript
vue项目启动出现cannot GET /服务错误的解决方法
Apr 26 Javascript
JS实现前端路由功能示例【原生路由】
May 29 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实现MVC
2016/03/02 PHP
php实现购物车功能(以大苹果购物网为例)
2017/03/09 PHP
PHP实现倒计时功能
2020/11/16 PHP
artdialog的图片/标题以及关闭按钮不显示的解决方法
2013/06/27 Javascript
js 调用百度地图api并在地图上进行打点添加标注
2014/05/13 Javascript
如何改进javascript代码的性能
2015/04/02 Javascript
jQuery提示插件alertify使用指南
2015/04/21 Javascript
AngularJS 防止页面闪烁的方法
2017/03/09 Javascript
轻松玩转BootstrapTable(后端使用SpringMVC+Hibernate)
2017/09/06 Javascript
Vue-Router进阶之滚动行为详解
2017/09/13 Javascript
JS中用EL表达式获取上下文参数值的方法
2018/03/28 Javascript
Javascript 实现 Excel 导入生成图表功能
2018/10/22 Javascript
深入理解Vue.js轻量高效的前端组件化方案
2018/12/10 Javascript
详解Puppeteer前端自动化测试实践
2019/02/21 Javascript
Vue通过阿里云oss的url连接直接下载文件并修改文件名的方法
2020/12/25 Vue.js
[41:17]VG vs Optic 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python基于回溯法子集树模板解决m着色问题示例
2017/09/07 Python
Python实现霍夫圆和椭圆变换代码详解
2018/01/12 Python
Python rstrip()方法实例详解
2018/11/11 Python
基于Python在MacOS上安装robotframework-ride
2018/12/28 Python
Python使用到第三方库PyMuPDF图片与pdf相互转换
2019/05/03 Python
Python变量访问权限控制详解
2019/06/29 Python
python实现邮件自动发送
2019/08/10 Python
python+selenium 脚本实现每天自动登记的思路详解
2020/03/11 Python
基于python实现上传文件到OSS代码实例
2020/05/09 Python
Python常用库Numpy进行矩阵运算详解
2020/07/21 Python
解决Windows下python和pip命令无法使用的问题
2020/08/31 Python
CSS3 Flexbox中flex-shrink属性的用法示例介绍
2013/12/30 HTML / CSS
用HTML5 实现橡皮擦的涂抹效果的教程
2015/05/11 HTML / CSS
Java如何格式化日期
2012/08/07 面试题
餐饮投资计划书
2014/04/25 职场文书
给老师的保证书怎么写
2015/05/09 职场文书
四年级作文之说明文作文
2019/10/14 职场文书
Python中快速掌握Data Frame的常用操作
2021/03/31 Python
JavaScript小技巧带你提升你的代码技能
2021/09/15 Javascript
python读取mat文件生成h5文件的实现
2022/07/15 Python