将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+CSS 实现随滚动条增减的汽水瓶中的液体效果
Sep 26 Javascript
设为首页和收藏的Javascript代码(亲测兼容IE,Firefox,chrome等浏览器)
Nov 18 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
Sep 25 Javascript
ztree获取当前选中节点子节点id集合的方法
Feb 12 Javascript
jQuery实现鼠标悬停背景翻转的黑色导航菜单代码
Sep 14 Javascript
AngularJS 中的指令实践开发指南(一)
Mar 20 Javascript
js滚动条平滑移动示例代码
Mar 29 Javascript
Bootstrap每天必学之按钮(Button)插件
Apr 25 Javascript
JS打印组合功能
Aug 04 Javascript
微信小程序 wx:key详细介绍
Oct 28 Javascript
一篇文章,教你学会Vue CLI 插件开发
Apr 17 Javascript
JavaScript设计模式之观察者模式与发布订阅模式详解
May 07 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程序占用多少内存(memory_get_usage)
2012/09/23 PHP
如何使用PHP实现javascript的escape和unescape函数
2013/06/29 PHP
php递归使用示例(php递归函数)
2014/02/14 PHP
ci检测是ajax还是页面post提交数据的方法
2014/11/10 PHP
PHP5.3以上版本安装ZendOptimizer扩展
2015/03/27 PHP
Joomla调用系统自带编辑器的实现方法
2016/05/05 PHP
PHP字符串逆序排列实现方法小结【strrev函数,二分法,循环法,递归法】
2017/01/13 PHP
php实现数据库的增删改查
2017/02/26 PHP
jQuery 选择器详解
2015/01/19 Javascript
Vue.js 2.0 和 React、Augular等其他前端框架大比拼
2016/10/08 Javascript
bootstrap快速制作后台界面
2016/12/05 Javascript
详解Angular中的自定义服务Service、Provider以及Factory
2017/04/22 Javascript
angularjs实现过滤并替换关键字小功能
2017/09/19 Javascript
详解JS取出两个数组中的不同或相同元素
2019/03/20 Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
2019/03/26 Javascript
微信小程序简单的canvas裁剪图片功能详解
2019/07/12 Javascript
微信小程序去除左上角返回键的实现方法
2020/03/06 Javascript
Python实现随机选择元素功能
2017/09/14 Python
pandas.DataFrame.to_json按行转json的方法
2018/06/05 Python
Python中GIL的使用详解
2018/10/03 Python
用python实现刷点击率的示例代码
2019/02/21 Python
Python发展史及网络爬虫
2019/06/19 Python
tensorflow实现测试时读取任意指定的check point的网络参数
2020/01/21 Python
浅谈pandas.cut与pandas.qcut的使用方法及区别
2020/03/03 Python
python 实现汉诺塔游戏
2020/11/28 Python
网站性能延迟加载图像的五种技巧(小结)
2020/08/13 HTML / CSS
荷兰网上买鞋:MooieSchoenen.nl
2017/09/12 全球购物
JD Sports法国:英国篮球和运动时尚的领导者
2017/09/28 全球购物
加拿大领先的优质厨具产品在线购物网站:Golda’s Kitchen
2017/11/17 全球购物
集世界奢侈品和设计师品牌的意大利精品买手店:Tessabit
2019/08/17 全球购物
迪卡侬中国官网:Decathlon中国
2020/08/10 全球购物
农村结婚典礼司仪主持词
2014/03/14 职场文书
经贸日语专业个人求职信范文
2014/04/29 职场文书
2014年学习全国道德模范事迹思想汇报
2014/09/15 职场文书
画展观后感
2015/06/17 职场文书
Python列表删除重复元素与图像相似度判断及删除实例代码
2021/05/07 Python