将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 相关文章推荐
jquery ztree实现下拉树形框使用到了json数据
May 14 Javascript
wap图片滚动特效无css3元素纯js脚本编写
Aug 22 Javascript
JS制作简单的三级联动
Mar 18 Javascript
JavaScript中的substr()方法使用详解
Jun 06 Javascript
javascript运算符——位运算符全面介绍
Jul 14 Javascript
浅谈DOM的操作以及性能优化问题-重绘重排
Jan 08 Javascript
JS中利用localStorage防止页面动态添加数据刷新后数据丢失
Mar 10 Javascript
JS实现可针对算术表达式求值的计算器功能示例
Sep 04 Javascript
JS获取表格视图所选行号的ids过程解析
Feb 21 Javascript
js实现文字头像的生成代码
Mar 07 Javascript
vue+AI智能机器人回复功能实现
Jul 16 Javascript
vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
Sep 28 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实现无限级分类实现代码(递归方法)
2011/01/01 PHP
Symfony2学习笔记之控制器用法详解
2016/03/17 PHP
thinkPHP实现签到功能的方法
2017/03/15 PHP
Yii 2.0如何使用页面缓存方法示例
2017/05/23 PHP
用javascript实现计算两个日期的间隔天数
2007/08/14 Javascript
Jquey拖拽控件Draggable使用方法(asp.net环境)
2010/09/28 Javascript
jQuery.extend 函数详解
2012/02/03 Javascript
JS实现定时页面弹出类似QQ新闻的提示框
2013/11/07 Javascript
js 判断上传文件大小及格式代码
2013/11/13 Javascript
Extjs根据条件设置表格某行背景色示例
2014/07/23 Javascript
微信小程序 animation API详解及实例代码
2016/10/08 Javascript
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
2017/05/11 Javascript
Angular4 ElementRef的应用
2018/02/26 Javascript
详解webpack 入门与解析
2018/04/09 Javascript
解决Nuxt使用axios跨域问题
2020/07/06 Javascript
vue中el-input绑定键盘按键(按键修饰符)
2020/07/22 Javascript
[04:44]DOTA2 2017全国高校联赛视频回顾
2017/08/21 DOTA
[01:13:08]2018DOTA2亚洲邀请赛4.6 淘汰赛 mineski vs LGD 第二场
2018/04/10 DOTA
python使用ctypes模块调用windowsapi获取系统版本示例
2014/04/17 Python
用python读写excel的方法
2014/11/18 Python
Python在Windows和在Linux下调用动态链接库的教程
2015/08/18 Python
详解Python中映射类型(字典)操作符的概念和使用
2015/08/19 Python
python中子类调用父类函数的方法示例
2017/08/18 Python
python批量识别图片指定区域文字内容
2019/04/30 Python
Python如何应用cx_Oracle获取oracle中的clob字段问题
2019/08/27 Python
Python树莓派学习笔记之UDP传输视频帧操作详解
2019/11/15 Python
python算的上脚本语言吗
2020/06/22 Python
浅谈HTML5中dialog元素尝鲜
2018/10/15 HTML / CSS
环境工程大学生个人的自我评价
2013/10/08 职场文书
元旦寄语大全
2014/04/10 职场文书
护士演讲稿优秀范文
2014/04/30 职场文书
读书之星事迹材料
2014/05/12 职场文书
留学生求职信
2014/06/03 职场文书
Angular性能优化之第三方组件和懒加载技术
2021/05/10 Javascript
电脑无法安装Windows 11怎么办?无法安装Win11的解决方法
2021/11/21 数码科技
AngularJS实现多级下拉框
2022/03/25 Javascript