将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 相关文章推荐
火狐浏览器(firefox)下获得Event对象以及keyCode
Nov 13 Javascript
15 个 JavaScript Web UI 库
May 19 Javascript
加载 Javascript 最佳实践
Oct 30 Javascript
javascript文件中引用依赖的js文件的方法
Mar 17 Javascript
用js将内容复制到剪贴板兼容浏览器
Mar 18 Javascript
让IE8浏览器支持function.bind()方法
Oct 16 Javascript
jQuery实现自动与手动切换的滚动新闻特效代码分享
Aug 27 Javascript
jQuery在header中设置请求信息的方法
Mar 06 Javascript
基于node.js的fs核心模块读写文件操作(实例讲解)
Sep 10 Javascript
移动端网页开发调试神器Eruda的介绍与使用技巧
Oct 30 Javascript
小程序实现带年月选取效果的日历
Jun 27 Javascript
详解vue引入子组件方法
Feb 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导出oracle库的php代码
2009/04/20 PHP
discuz authcode 经典php加密解密函数解析
2020/07/12 PHP
PHP中set error handler函数用法小结
2015/11/11 PHP
PHP实现数组array转换成xml的方法
2016/07/19 PHP
php实现水印文字和缩略图的方法示例
2016/12/29 PHP
完美的php分页类
2017/10/24 PHP
在Laravel中使用MongoDB的方法示例
2019/11/11 PHP
laravel框架中视图的基本使用方法分析
2019/11/23 PHP
C#中TrimStart,TrimEnd,Trim在javascript上的实现
2011/01/17 Javascript
ExtJs Excel导出并下载IIS服务器端遇到的问题
2011/09/16 Javascript
js返回上一页并刷新代码整理
2012/12/21 Javascript
js批量设置样式的三种方法不推荐使用with
2013/02/25 Javascript
JavaScript实现倒计时跳转页面功能【实用】
2016/12/13 Javascript
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
2017/03/30 Javascript
Vue.js递归组件构建树形菜单
2017/12/24 Javascript
JS实现百度网盘任意文件强制下载功能
2018/08/31 Javascript
[04:07]显微镜下的DOTA2第八期——英雄复活动作
2014/06/24 DOTA
python安装与使用redis的方法
2016/04/19 Python
Python用zip函数同时遍历多个迭代器示例详解
2016/11/14 Python
简单实现python数独游戏
2018/03/30 Python
快速解决PyCharm无法引用matplotlib的问题
2018/05/24 Python
Linux下远程连接Jupyter+pyspark部署教程
2019/06/21 Python
Python 统计位数为偶数的数字代码详解
2020/03/15 Python
python性能测试工具locust的使用
2020/12/28 Python
CSS3中:nth-child和:nth-of-type的区别深入理解
2014/03/10 HTML / CSS
什么是数据库锁?Oracle中都有哪些类型的锁?
2015/08/21 面试题
八年级英语教学反思
2014/01/09 职场文书
婚礼证婚人证婚词
2014/01/13 职场文书
幼儿园教师师德师风演讲稿:爱我所爱 无悔青春
2014/09/10 职场文书
博士论文答辩开场白
2015/06/01 职场文书
怎样写家长意见
2015/06/04 职场文书
2016应届毕业生自荐信范文
2016/01/28 职场文书
婚前协议书怎么写,才具有法律效力呢 ?
2019/06/28 职场文书
HR必备:超全面的薪酬待遇管理方案!
2019/07/12 职场文书
golang 实现Location跳转方式
2021/05/02 Golang
详解非极大值抑制算法之Python实现
2021/06/28 Python