将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 相关文章推荐
用prototype实现的简单小巧的多级联动菜单
Mar 24 Javascript
写js时遇到的一些小问题
Dec 06 Javascript
让innerText在firefox火狐和IE浏览器都能用的写法
May 14 Javascript
将json当数据库一样操作的javascript lib
Oct 28 Javascript
对 jQuery 中 data 方法的误解分析
Jun 18 Javascript
一个支持任意尺寸的图片上下左右滑动效果
Aug 24 Javascript
js简单实现竖向tab选项卡的方法
May 04 Javascript
跟我学习javascript的最新标准ES6
Nov 20 Javascript
用js将long型数据转换成date型或datetime型的实例
Jul 03 Javascript
JS传播事件、取消事件默认行为、阻止事件传播详解
Aug 14 Javascript
关于单文件组件.vue的使用
Sep 20 Javascript
js实现div色块碰撞
Jan 16 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实现的封装验证码类详解
2013/06/18 PHP
PHP 获取指定地区的天气实例代码
2017/02/08 PHP
如何用PHP做到页面注册审核
2017/03/02 PHP
ThinkPHP中Widget扩展的两种写法及调用方法详解
2017/05/04 PHP
阿里云PHP SMS短信服务验证码发送方法
2017/07/11 PHP
php使用scandir()函数扫描指定目录下所有文件示例
2019/06/08 PHP
PHP实现字母数字混合验证码功能
2019/07/11 PHP
Save a File Using a File Save Dialog Box
2007/06/18 Javascript
JQuery 遮罩层实现(mask)实现代码
2010/01/09 Javascript
javascript showModalDialog,open取得父窗口的方法
2010/03/10 Javascript
JS实现鼠标点击展开或隐藏表格行的方法
2015/03/03 Javascript
简介JavaScript中的setDate()方法的使用
2015/06/11 Javascript
Angular4绑定html内容出现警告的处理方法
2017/11/03 Javascript
浅谈MUI框架中加载外部网页或服务器数据的方法
2018/01/31 Javascript
解决百度Echarts图表坐标轴越界的方法
2018/10/17 Javascript
原生JS实现手动轮播图效果实例代码
2018/11/22 Javascript
inquirer.js一个用户与命令行交互的工具详解
2019/05/18 Javascript
JS事件流与事件处理程序实例分析
2019/08/16 Javascript
layui默认选中table的CheckBox复选框方法
2019/09/19 Javascript
Vue-cli项目部署到Nginx服务器的方法
2019/11/01 Javascript
[01:45]2014DOTA2 TI预选赛预选赛 战前探营!
2014/05/21 DOTA
Python实现查找系统盘中需要找的字符
2015/07/14 Python
python数据清洗系列之字符串处理详解
2017/02/12 Python
Python 使用with上下文实现计时功能
2018/03/09 Python
Appium+Python自动化测试之运行App程序示例
2019/01/23 Python
Python之Numpy的超实用基础详细教程
2019/10/23 Python
使用Keras建立模型并训练等一系列操作方式
2020/07/02 Python
python 多线程中join()的作用
2020/10/29 Python
HTML5自定义属性的问题分析
2019/08/16 HTML / CSS
运动鞋、街头服装、手表和手袋的实时市场:StockX
2020/11/25 全球购物
Linux如何为某个操作添加别名
2013/03/01 面试题
公司人力资源的自我评价
2014/01/02 职场文书
跟单业务员岗位职责
2014/03/08 职场文书
酒店辞职书范文
2015/02/26 职场文书
慈善募捐倡议书
2015/04/27 职场文书
MySQL实现用逗号进行拼接、以逗号进行分割
2022/12/24 MySQL