将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实现用方向键控制层的上下左右移动
Jan 13 Javascript
jquery.cookie() 方法的使用(读取、写入、删除)
Dec 05 Javascript
js实时获取并显示当前时间的方法
Jul 31 Javascript
JavaScript编程中window的location与history对象详解
Oct 26 Javascript
详解JavaScript中的自定义事件编写
May 10 Javascript
动态加载js、css的实例代码
May 26 Javascript
详细介绍RxJS在Angular中的应用
Sep 23 Javascript
React Native 图片查看组件的方法
Mar 01 Javascript
详解微信小程序自定义组件的实现及数据交互
Jul 22 Javascript
JavaScript中0、空字符串、'0'是true还是false的知识点分享
Sep 16 Javascript
微信小程序批量监听输入框对按钮样式进行控制的实现代码
Oct 12 Javascript
three.js欧拉角和四元数的使用方法
Jul 26 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
php7安装yar扩展的方法详解
2017/08/03 PHP
php+js实现裁剪任意形状图片
2018/10/31 PHP
PHP微信发送推送消息乱码的解决方法
2019/02/28 PHP
js实现身份证号码验证的简单实例
2014/02/19 Javascript
网站基于flash实现的Banner图切换效果代码
2014/10/14 Javascript
node.js中的fs.writeFile方法使用说明
2014/12/14 Javascript
jQuery 回调函数(callback)的使用和基础
2015/02/26 Javascript
移除AngularJS下URL中的#字符的方法
2015/06/19 Javascript
Windows下用PyCharm和Visual Studio开始Python编程
2015/10/26 Javascript
全面解析Bootstrap表单使用方法(表单样式)
2015/11/24 Javascript
javascript函数自动执行常用方法汇总
2016/03/28 Javascript
Javascript中arguments对象的详解与使用方法
2016/10/04 Javascript
canvas实现绘制吃豆鱼效果
2017/01/12 Javascript
vue 将页面公用的头部组件化的方法
2017/12/18 Javascript
关于redux-saga中take使用方法详解
2018/02/27 Javascript
JS立即执行的匿名函数用法分析
2019/11/04 Javascript
原生js实现点击按钮复制内容到剪切板
2020/11/19 Javascript
python操作MongoDB基础知识
2013/11/01 Python
Python高级用法总结
2018/05/26 Python
python 表格打印代码实例解析
2019/10/12 Python
找Python安装目录,设置环境路径以及在命令行运行python脚本实例
2020/03/09 Python
8款精美的CSS3表单设计(登录表单/下拉选择/按钮附演示及源码)
2013/02/04 HTML / CSS
Adobe Html5 Extension开发初体验图文教程
2017/11/14 HTML / CSS
苹果美国官方商城:Apple美国
2016/08/24 全球购物
印尼旅游网站:via
2017/11/12 全球购物
Regatta官网:英国最受欢迎的户外服装和鞋类品牌
2019/05/01 全球购物
双立人加拿大官网:Zwilling加拿大
2020/08/10 全球购物
个人承诺书
2014/03/26 职场文书
致共产党员倡议书
2014/04/16 职场文书
养成教育经验材料
2014/05/26 职场文书
治庸问责工作总结
2015/08/11 职场文书
《圆的面积》教学反思
2016/02/19 职场文书
如何在C++中调用Python
2021/05/21 Python
快速学习Oracle触发器和游标
2021/06/30 Oracle
TV动画《神废柴☆偶像》公布先导PV
2022/03/20 日漫
win10忘记pin密码登录不了怎么办?win10忘记pin密码登不进去的解决方法
2022/07/07 数码科技