将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 相关文章推荐
JAVASCRIPT IE 与 FF中兼容问题小结
Feb 18 Javascript
jQuery Ajax使用 全解析
Dec 15 Javascript
javascript实现获取cookie过期时间的变通方法
Aug 14 Javascript
JS制作手机端自适应缩放显示
Jun 11 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
Aug 28 Javascript
javascript 删除数组元素和清空数组的简单方法
Feb 24 Javascript
shiro授权的实现原理
Sep 21 Javascript
vue实现分页组件
Jun 16 Javascript
Vue2.x通用条件搜索组件的封装及应用详解
May 28 Javascript
Vue向后台传数组数据,springboot接收vue传的数组数据实例
Nov 12 Javascript
vue+Element-ui实现登录注册表单
Nov 17 Javascript
80行代码写一个Webpack插件并发布到npm
May 24 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
超级简单的发送邮件程序
2006/10/09 PHP
PHP获取当前页面完整URL的实现代码
2013/06/10 PHP
php获取网站根目录物理路径的几种方法(推荐)
2017/03/04 PHP
两个SUBMIT按钮,如何区分处理
2006/08/22 Javascript
JS date对象的减法处理实现代码
2010/12/28 Javascript
在iframe里的页面编写js,实现在父窗口上创建动画效果展开和收缩的div(不变动iframe父窗口代码)
2011/12/20 Javascript
父元素与子iframe相互获取变量和元素对象的具体实现
2013/10/15 Javascript
javascript验证邮件地址和MX记录的方法
2015/06/16 Javascript
基于jQuery的Web上传插件Uploadify使用示例
2016/05/19 Javascript
JS实现点击事件统计的简单实例
2016/07/10 Javascript
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
2016/11/30 Javascript
javascript 数组去重复(在线去重工具)
2016/12/17 Javascript
利用Vue.js实现checkbox的全选反选效果
2017/01/18 Javascript
jQuery多选框选择数量限制方法
2017/02/08 Javascript
Vue利用History记录上一页面的数据方法实例
2018/11/02 Javascript
js中Array对象的常用遍历方法详解
2019/01/17 Javascript
JavaScript获取某一天所在的星期
2019/09/05 Javascript
解决VUE双向绑定失效的问题
2019/10/29 Javascript
Vue 401配合Vuex防止多次弹框的案例
2020/11/11 Javascript
JavaScript实现无限轮播效果
2020/11/19 Javascript
Python实现的批量下载RFC文档
2015/03/10 Python
python统计cpu利用率的方法
2015/06/02 Python
Python3实现的判断回文链表算法示例
2019/03/08 Python
Python 堆叠柱状图绘制方法
2019/07/29 Python
python pprint模块中print()和pprint()两者的区别
2020/02/10 Python
Python select及selectors模块概念用法详解
2020/06/22 Python
法国春天百货官网:Printemps.com
2020/06/29 全球购物
如何填写个人简历自我评价
2013/12/10 职场文书
2014年党员公开承诺书范文
2014/03/28 职场文书
我爱我的祖国演讲稿
2014/05/04 职场文书
12岁生日演讲稿
2014/05/14 职场文书
2014年社区重阳节活动策划方案
2014/09/16 职场文书
旅游局领导班子“四风”问题对照检查材料思想汇报
2014/09/29 职场文书
2015年库房工作总结
2015/04/30 职场文书
在Python中如何使用yield
2021/06/07 Python
MyBatis XPathParser解析器使用范例详解
2022/07/15 Java/Android