将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 相关文章推荐
取得父标签
Nov 14 Javascript
JS target与currentTarget区别说明
Aug 28 Javascript
idTabs基于JQuery的根据URL参数选择Tab插件
Apr 11 Javascript
js读取csv文件并使用json显示出来
Jan 09 Javascript
浅谈jQuery中的事件
Mar 23 Javascript
JS实现随机乱撞彩色圆球特效的方法
May 05 Javascript
jQuery+HTML5加入购物车代码分享
Oct 29 Javascript
javascript实现文字无缝滚动
Dec 27 Javascript
JavaScript实现经典排序算法之插入排序
Dec 28 Javascript
jQuery 控制文本框自动缩小字体填充
Jun 16 jQuery
AngularJS学习笔记之表单验证功能实例详解
Jul 06 Javascript
解决vue-router进行build无法正常显示路由页面的问题
Mar 06 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
《Re:从零开始的异世界生活》剧情体验,手游新作定名
2020/04/09 日漫
DISCUZ 论坛管理员密码忘记的解决方法
2009/05/14 PHP
PHP求小于1000的所有水仙花数的代码
2012/01/10 PHP
php根据身份证号码计算年龄的实例代码
2014/01/18 PHP
PHP Opcache安装和配置方法介绍
2015/05/28 PHP
PHP长网址与短网址的实现方法
2017/10/13 PHP
身份证号码前六位所代表的省,市,区, 以及地区编码下载
2007/04/12 Javascript
JQuery 学习笔记 选择器之六
2009/07/23 Javascript
JS中的prototype与面向对象的实例讲解
2013/05/22 Javascript
jquery 添加节点的几种方法介绍
2013/09/04 Javascript
javascript如何动态加载表格与动态添加表格行
2013/11/27 Javascript
微信小程序中使用ECharts 异步加载数据实现图表功能
2018/07/13 Javascript
解决vue接口数据赋值给data没有反应的问题
2018/08/27 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
2018/09/17 Javascript
提升node.js中使用redis的性能遇到的问题及解决方法
2018/10/30 Javascript
js实现页面多个日期时间倒计时效果
2019/06/20 Javascript
uni-app微信小程序登录授权的实现
2020/05/22 Javascript
原生js实现分页效果
2020/09/23 Javascript
js实现自定义滚动条的示例
2020/10/27 Javascript
[06:38]DOTA2怒掀电竞风暴 2013Chinajoy
2013/07/27 DOTA
python从入门到精通(DAY 1)
2015/12/20 Python
Python中getpass模块无回显输入源码解析
2018/01/11 Python
浅析python继承与多重继承
2018/09/13 Python
python事件驱动event实现详解
2018/11/21 Python
Python Numpy库常见用法入门教程
2020/01/16 Python
html2canvas截图空白问题的解决
2020/03/24 HTML / CSS
乌克兰巴士票购买网站:inBus
2021/03/12 全球购物
电子商务毕业生求职信
2013/11/10 职场文书
毕业生简历自我评价范文
2014/04/09 职场文书
公司活动总结范文
2014/07/01 职场文书
校园文化艺术节宣传标语
2014/10/09 职场文书
公安纪律作风整顿剖析材料
2014/10/10 职场文书
2015年测量员工作总结
2015/05/23 职场文书
法制教育主题班会
2015/08/13 职场文书
详解MySQL中的pid与socket
2021/06/15 MySQL
Python list列表删除元素的4种方法
2021/11/01 Python