将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下查找父节点的简单方法
Aug 13 Javascript
jQuery 美元符冲突的解决方法
Mar 28 Javascript
ASP.NET中AJAX 调用实例代码
May 03 Javascript
nullJavascript中创建对象的五种方法实例
May 07 Javascript
js中的eventType事件及其浏览器支持性介绍
Nov 29 Javascript
jQuery的deferred对象使用详解
Sep 25 Javascript
jQuery实现弹出窗口弹出div层的实例代码
Jan 09 Javascript
从零学习node.js之express入门(六)
Feb 25 Javascript
vue中如何实现pdf文件预览的方法
Jul 12 Javascript
浅谈微信页面入口文件被缓存解决方案
Sep 29 Javascript
javascript实现贪吃蛇经典游戏
Apr 10 Javascript
vue 实现一个简单的全局调用弹窗案例
Sep 10 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
如何修改Laravel中url()函数生成URL的根地址
2017/08/11 PHP
你所要知道JS(DHTML)中的一些技巧
2007/01/09 Javascript
jquery 利用show和hidden实现级联菜单示例代码
2013/08/09 Javascript
js获取当月最后一天实例代码
2013/11/19 Javascript
jquery的ajax提交form表单的两种方法小结(推荐)
2016/05/25 Javascript
Dojo获取下拉框的文本和值实例代码
2016/05/27 Javascript
JavaScript自定义函数实现查找两个字符串最长公共子串的方法
2016/11/24 Javascript
jQuery扩展实现text提示还能输入多少字节的方法
2016/11/28 Javascript
深入理解jquery中的each用法
2016/12/14 Javascript
详解JavaScript的闭包、IIFE、apply、函数与对象
2016/12/21 Javascript
JS解决移动web开发手机输入框弹出的问题
2017/03/31 Javascript
react native仿微信PopupWindow效果的实例代码
2017/08/07 Javascript
史上最全JavaScript常用的简写技巧(推荐)
2017/08/17 Javascript
简述vue中的config配置
2018/01/23 Javascript
vue 1.0 结合animate.css定义动画效果
2018/07/11 Javascript
javascript设计模式 ? 建造者模式原理与应用实例分析
2020/04/10 Javascript
vue swipeCell滑动单元格(仿微信)的实现示例
2020/09/14 Javascript
[56:57]LGD vs VP 2019DOTA2国际邀请赛淘汰赛 胜者组赛BO3 第一场 8.20.mp4
2019/08/22 DOTA
跟老齐学Python之不要红头文件(1)
2014/09/28 Python
python增加矩阵维度的实例讲解
2018/04/04 Python
Python之读取TXT文件的方法小结
2018/04/27 Python
pyqt5的QWebEngineView 使用模板的方法
2018/08/18 Python
浅谈python脚本设置运行参数的方法
2018/12/03 Python
详解用Python为直方图绘制拟合曲线的两种方法
2019/08/21 Python
python聚类算法解决方案(rest接口/mpp数据库/json数据/下载图片及数据)
2019/08/28 Python
python针对Oracle常见查询操作实例分析
2020/04/30 Python
python根据字典的键来删除元素的方法
2020/08/16 Python
CSS3绘制六边形的简单实现
2016/08/25 HTML / CSS
澳大利亚连衣裙和女装在线:Esther
2017/11/11 全球购物
Ariat英国官网:为世界顶级马术运动员制造最优质的鞋类和服装
2020/02/14 全球购物
交通事故赔偿协议书范本
2014/04/15 职场文书
红色旅游心得体会
2014/09/03 职场文书
给朋友的道歉短信
2015/05/12 职场文书
离婚上诉状范文
2015/05/23 职场文书
周一问候语大全
2015/11/10 职场文书
小学运动会开幕词
2016/03/04 职场文书