将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 相关文章推荐
js函数排序的实例代码
Jul 01 Javascript
将json对象转换为字符串的方法
Feb 20 Javascript
SeaJS入门教程系列之完整示例(三)
Mar 03 Javascript
jQuery实现点击图片翻页展示效果的方法
Feb 16 Javascript
js实现简单计算器
Nov 22 Javascript
基于jquery实现百度新闻导航菜单滑动动画
Mar 15 Javascript
bootstrap监听滚动实现头部跟随滚动
Nov 08 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
Dec 28 Javascript
babel基本使用详解
Feb 17 Javascript
Angular移动端页面input无法输入的解决方法
Nov 14 Javascript
Vue中对拿到的数据进行A-Z排序的实例
Sep 25 Javascript
浅析vue中的nextTick
Dec 28 Vue.js
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
解决163/sohu/sina不能够收到PHP MAIL函数发出邮件的问题
2009/03/13 PHP
PHP 防注入函数(格式化数据)
2011/08/08 PHP
PHP使用DES进行加密与解密的方法详解
2013/06/06 PHP
PHP多进程通信-消息队列使用
2019/03/08 PHP
从javascript语言本身谈项目实战
2006/12/27 Javascript
window.opener用法和用途实例介绍
2013/08/19 Javascript
jquery实现鼠标拖动图片效果示例代码
2014/01/09 Javascript
jQuery自带的一些常用方法总结
2014/09/03 Javascript
AngularJS基础学习笔记之表达式
2015/05/10 Javascript
javascript将DOM节点添加到文档的方法实例分析
2015/08/04 Javascript
JavaScript检测并限制复选框选中个数的方法
2015/08/12 Javascript
基于slideout.js实现移动端侧边栏滑动特效
2016/11/28 Javascript
JavaScript禁止微信浏览器下拉回弹效果
2017/05/16 Javascript
详谈for循环里面的break和continue语句
2017/07/20 Javascript
原生JS实现的简单轮播图功能【适合新手】
2018/08/17 Javascript
详解如何在vscode里面调试js和node.js的方法步骤
2018/12/24 Javascript
vue element中axios下载文件(后端Python)
2019/05/10 Javascript
JavaScript实现Tab标签页切换的最简便方式(4种)
2020/06/28 Javascript
Vue-resource安装过程及使用方法解析
2020/07/21 Javascript
vue-cli 关闭热更新操作
2020/09/18 Javascript
[03:37]2014DOTA2国际邀请赛 主赛事第一日胜者组TOPPLAY
2014/07/19 DOTA
[01:11]steam端dota2实名认证操作流程视频
2021/03/11 DOTA
python获取本地计算机名字的方法
2015/04/29 Python
Python使用爬虫抓取美女图片并保存到本地的方法【测试可用】
2018/08/30 Python
Python 支持向量机分类器的实现
2020/01/15 Python
在django项目中导出数据到excel文件并实现下载的功能
2020/03/13 Python
ubuntu 安装pyqt5和卸载pyQt5的方法
2020/03/24 Python
keras 简单 lstm实例(基于one-hot编码)
2020/07/02 Python
python实现控制台输出颜色
2021/03/02 Python
小程序canvas中文字设置居中锚点
2019/04/16 HTML / CSS
Linux文件系统类型
2012/09/16 面试题
医学实习生自我鉴定
2013/12/12 职场文书
汽车服务工程专业自荐信
2014/09/02 职场文书
Mongo服务重启异常问题的处理方法
2021/07/01 MongoDB
Python游戏开发实例之graphics实现AI五子棋
2021/11/01 Python
安装Ruby和 Rails的详细步骤
2022/04/19 Ruby