将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 Tools tooltip使用说明
Jul 14 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
Jan 02 Javascript
IE与FF下javascript获取网页及窗口大小的区别详解
Jan 14 Javascript
javascript操作excel生成报表全攻略
May 04 Javascript
Windows下用PyCharm和Visual Studio开始Python编程
Oct 26 Javascript
input 禁止输入特殊字符的四种实现方式
Aug 24 Javascript
AngularJS模仿Form表单提交的实现代码
Dec 08 Javascript
Vue.js实现一个todo-list的上移下移删除功能
Jun 26 Javascript
解决Vue页面固定滚动位置的处理办法
Jul 13 Javascript
用Axios Element实现全局的请求loading的方法
Mar 15 Javascript
浅谈webpack SplitChunksPlugin实用指南
Sep 17 Javascript
node版本管理工具n包使用教程详解
Nov 09 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
彪哥1.1(智能表格)提供下载
2006/09/07 Javascript
新浪微博字数统计 textarea字数统计实现代码
2011/08/28 Javascript
读JavaScript DOM编程艺术笔记
2011/11/15 Javascript
一个简单的Ext.XTemplate的实例代码
2012/03/18 Javascript
document.write的几点使用心得
2014/05/14 Javascript
使用GruntJS构建Web程序之合并压缩篇
2014/06/06 Javascript
JavaScript中的闭包介绍
2015/03/15 Javascript
实现音乐播放器的代码(html5+css3+jquery)
2015/08/04 Javascript
基于jQuery实现自动轮播旋转木马特效
2015/11/02 Javascript
Node.js与MySQL交互操作及其注意事项
2016/10/05 Javascript
jQuery的ajax中使用FormData实现页面无刷新上传功能
2017/01/16 Javascript
Node.js安装配置图文教程
2017/05/10 Javascript
Vue 换肤的示例实践
2018/01/23 Javascript
详解vue中router-link标签所必备了解的属性
2019/04/15 Javascript
vue如何实现自定义底部菜单栏
2019/07/01 Javascript
9种方法优化jQuery代码详解
2020/02/04 jQuery
JavaScript 事件代理需要注意的地方
2020/09/08 Javascript
JavaScript实现图片合成下载的示例
2020/11/19 Javascript
python算法学习之计数排序实例
2013/12/18 Python
python网络编程学习笔记(一)
2014/06/09 Python
在Python3中使用asyncio库进行快速数据抓取的教程
2015/04/02 Python
对python自动生成接口测试的示例讲解
2018/11/30 Python
漂亮的Django Markdown富文本app插件的实现
2019/01/02 Python
python频繁写入文件时提速的方法
2019/06/26 Python
节日快乐! Python画一棵圣诞树送给你
2019/12/24 Python
python 伯努利分布详解
2020/02/25 Python
详细分析Python可变对象和不可变对象
2020/07/09 Python
python中Django文件上传方法详解
2020/08/05 Python
Python 求向量的余弦值操作
2021/03/04 Python
国外最大的眼镜网站:Coastal
2017/08/09 全球购物
欧缇丽加拿大官方网站:Caudalie加拿大
2019/07/18 全球购物
波兰珠宝品牌:YES
2019/08/09 全球购物
法制宣传教育方案
2014/05/09 职场文书
CSS 制作波浪效果的思路
2021/05/18 HTML / CSS
Python实现视频中添加音频工具详解
2021/12/06 Python
win11如何查看端口是否被占用? Win11查看端口是否占用的技巧
2022/04/05 数码科技