在JS中解析HTML字符串示例代码


Posted in Javascript onApril 16, 2014

在js中直接添加html语句,js会将html字符串解析成相应的HTML语句,并在前端进行显示。

<span style="font-size:14px;">var el = document.createElement( 'div' ); 
el.innerHTML = "<html><head><title>titleTest</title></head><body><a href='test0'>test01</a><a href='test1'>test02</a><a href='test2'>test03</a></body></html>"; 
el.getElementsByTagName( 'a' ); // Live NodeList of your anchor elements</span>

在jquery中进行应用:
var el = $( '<div></div>' ); 
el.html("<html><head><title>titleTest</title></head><body><a href='test0'>test01</a><a href='test1'>test02</a><a href='test2'>test03</a></body></html>"); 
$('a', el) // All the anchor elements
Javascript 相关文章推荐
jquery加载页面的方法(页面加载完成就执行)
Jun 21 Javascript
jquery在IE、FF浏览器的差别详细探讨
Apr 28 Javascript
js中parseInt函数浅谈
Jul 31 Javascript
jquery增加时编辑jqGrid(实例代码)
Nov 08 Javascript
JS表格组件神器bootstrap table详解(基础版)
Dec 08 Javascript
深入浅出讲解ES6的解构
Aug 03 Javascript
node.js中实现kindEditor图片上传功能的方法教程
Apr 26 Javascript
Javascript中 toFixed四舍六入方法
Aug 21 Javascript
微信小程序开发的基本流程步骤
Jan 31 Javascript
js实现图片区域可点击大小随意改变(适用移动端)代码实例
Sep 11 Javascript
layer弹窗在键盘按回车将反复刷新的实现方法
Sep 25 Javascript
详解用js代码触发dom事件的实现方案
Jun 10 Javascript
iframe的onreadystatechange事件在firefox下的使用
Apr 16 #Javascript
javascript打开word文档的方法
Apr 16 #Javascript
JavaScript数组深拷贝和浅拷贝的两种方法
Apr 16 #Javascript
JavaScript两种跨域技术全面介绍
Apr 16 #Javascript
Javascript WebSocket使用实例介绍(简明入门教程)
Apr 16 #Javascript
JavaScript框架(iframe)操作总结
Apr 16 #Javascript
JS实现的一个简单的Autocomplete自动完成例子
Apr 16 #Javascript
You might like
php 无限级数据JSON格式及JS解析
2010/07/17 PHP
服务器web工具 php环境下
2010/12/29 PHP
php结合ajax实现赞、顶、踩功能实例
2014/05/12 PHP
PHP内存缓存Memcached类实例
2014/12/08 PHP
php提交表单发送邮件的方法
2015/03/20 PHP
php文件压缩之PHPZip类用法实例
2015/06/18 PHP
php封装的smartyBC类完整实例
2016/10/19 PHP
php面向对象重点知识分享
2019/09/27 PHP
jquery简单实现滚动条下拉DIV固定在头部不动
2013/11/25 Javascript
js从Cookies里面取值的简单实现
2014/06/30 Javascript
基于jquery实现图片上传本地预览功能
2016/01/08 Javascript
React实现点击删除列表中对应项
2017/01/10 Javascript
用JavaScript和jQuery实现瀑布流
2017/03/19 Javascript
vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单
2018/09/14 Javascript
Koa代理Http请求的示例代码
2018/10/10 Javascript
Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制
2019/09/05 Javascript
node.js中module模块的功能理解与用法实例分析
2020/02/14 Javascript
vue将data恢复到初始状态 &amp;&amp; 重新渲染组件实例
2020/09/04 Javascript
Python实现树的先序、中序、后序排序算法示例
2017/06/23 Python
Python操作redis实例小结【String、Hash、List、Set等】
2019/05/16 Python
python中时间转换datetime和pd.to_datetime详析
2019/08/11 Python
Python %r和%s区别代码实例解析
2020/04/03 Python
Python常用base64 md5 aes des crc32加密解密方法汇总
2020/11/06 Python
CSS3对图片照片进行边缘模糊处理的实现
2018/08/08 HTML / CSS
css3制作动态进度条以及附加jQuery百分比数字显示
2012/12/13 HTML / CSS
CSS3属性background-size使用指南
2014/12/09 HTML / CSS
html5的canvas实现3d雪花飘舞效果
2013/12/27 HTML / CSS
屈臣氏乌克兰:Watsons UA
2019/10/29 全球购物
常用UNIX 命令(Linux的常用命令)
2015/12/26 面试题
主要领导对照检查材料
2014/08/26 职场文书
2014年后勤管理工作总结
2014/12/01 职场文书
综合管理员岗位职责
2015/02/11 职场文书
2015年汽车销售工作总结
2015/04/07 职场文书
行政复议答复书
2015/07/01 职场文书
2015年教务处干事工作总结
2015/07/22 职场文书
运动会广播稿50字
2015/08/19 职场文书