将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 相关文章推荐
不错的新闻标题颜色效果
Dec 10 Javascript
JavaScript实现在标题栏上显示当前日期的方法
Mar 19 Javascript
理解AngularJs指令
Dec 10 Javascript
jQuery输入框密码的显示隐藏【代码分享】
Apr 29 jQuery
Vue实现typeahead组件功能(非常靠谱)
Aug 26 Javascript
在 Node.js 中使用原生 ES 模块方法解析
Sep 19 Javascript
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
Sep 21 Javascript
JS实现二维数组元素的排列组合运算简单示例
Jan 28 Javascript
Node.js Windows Binary二进制文件安装方法
May 16 Javascript
实例分析JS中的相等性判断===、 ==和Object.is()
Nov 17 Javascript
jQuery 选择器用法基础入门示例
Jan 04 jQuery
JavaScript array常用方法代码实例详解
Sep 02 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类中private属性继承问题分析
2012/11/01 PHP
Thinkphp中数据按分类嵌套循环实现方法
2014/10/30 PHP
PHP的Yii框架中创建视图和渲染视图的方法详解
2016/03/29 PHP
网站被恶意镜像怎么办 php一段代码轻松搞定(全面版)
2018/10/23 PHP
PHP使用Http Post请求发送Json对象数据代码解析
2020/07/16 PHP
纯CSS3实现质感细腻丝滑按钮
2021/03/09 HTML / CSS
jquery $.ajax各个事件执行顺序
2010/10/15 Javascript
jquery实现textarea输入字符控制(仿微博输入控制字符)
2013/04/26 Javascript
判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
2013/11/07 Javascript
javascript模拟枚举的简单实例
2014/03/06 Javascript
js 日期比较相关天数代码
2014/04/02 Javascript
整理Javascript基础语法学习笔记
2015/11/29 Javascript
JS实现左右无缝轮播图代码
2016/05/01 Javascript
解决vue打包后刷新页面报错:Unexpected token
2019/08/27 Javascript
[02:50]【扭转乾坤,只此一招】DOTA2全新版本永雾林渊开启新篇章
2020/12/24 DOTA
python实现爬取千万淘宝商品的方法
2015/06/30 Python
PyCharm在win10的64位系统安装实例
2017/11/26 Python
Python将一个CSV文件里的数据追加到另一个CSV文件的方法
2018/07/04 Python
Python/Django后端使用PIL Image生成头像缩略图
2019/04/30 Python
详解用python计算阶乘的几种方法
2019/08/14 Python
Python实现手机号自动判断男女性别(实例解析)
2019/12/22 Python
Python3.8.2安装包及安装教程图文详解(附安装包)
2020/11/28 Python
python3中布局背景颜色代码分析
2020/12/01 Python
Stylenanda中文站:韩国一线网络服装品牌
2016/12/22 全球购物
Sneaker Studio捷克:购买运动鞋
2018/07/08 全球购物
adidas马来西亚官网:adidas MY
2020/09/12 全球购物
Douglas意大利官网:购买香水和化妆品
2020/05/27 全球购物
护理职业应聘自荐书
2013/09/29 职场文书
大学生通用个人的自我评价
2014/02/10 职场文书
驾驶员培训方案
2014/05/01 职场文书
2014高中生入党思想汇报范文
2014/09/13 职场文书
电影开国大典观后感
2015/06/04 职场文书
会议简报格式范文
2015/07/20 职场文书
2015年信息技术教研组工作总结
2015/07/22 职场文书
HTML5+CSS+JavaScript实现捉虫小游戏设计和实现
2021/10/16 HTML / CSS