将HTML格式的String转化为HTMLElement的实现方法
更新时间：2014年08月07日 15:50:31 投稿：whsnow
本节主要介绍了将HTML格式的String转化为HTMLElement的实现方法,需要的朋友可以参考下
代码如下：
<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中定义数据不需要使用[],否则会出错。
相关文章
这篇文章主要为大家详细介绍了js+css实现换肤效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要为大家详细介绍了javascript计算对象长度的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
这篇文章主要介绍了js中的this作用域全解析，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
将文本内容转译成加密文本，在某些情况下还是比较实用的，下面通过js简单实现下，感兴趣的朋友不要错过2013-10-10
这篇文章主要为大家详细介绍了bootstrap switch开关组件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
本篇文章主要介绍了Webpack path与publicPath的区别详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
在JavaScript中可以通过Object.keys()结合Array.map()、Object.entries()或Object.values()等方法将对象转换为数组,这些方法各有优势,可根据需要灵活选择,需要的朋友可以参考下2024-09-09
这篇文章主要介绍了layui中的tab控件点击切换触发事件，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
JavaScript使用setInterval()函数实现简单轮询操作的方法
这篇文章主要介绍了JavaScript使用setInterval()函数实现简单轮询操作的方法,以实例形式分析了轮询操作的原理与javascript实现技巧,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了Webpack的dll功能使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
最新评论