在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 相关文章推荐
解决IE6的PNG透明JS插件使用介绍
Apr 17 Javascript
js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
Nov 18 Javascript
JQuery与JS里submit()的区别示例介绍
Feb 17 Javascript
javascript 3d 逐侦产品展示(核心精简)
Mar 26 Javascript
JavaScript验证图片类型(扩展名)的函数分享
May 05 Javascript
JavaScript定义变量和变量优先级问题探讨
Oct 11 Javascript
浅析2种JavaScript继承方式
Dec 04 Javascript
javascript使用Promise对象实现异步编程
Mar 01 Javascript
AngularJs基于角色的前端访问控制的实现
Nov 07 Javascript
jQuery实现的点击按钮改变样式功能示例
Jul 21 jQuery
原生小程序封装跑马灯效果
Oct 21 Javascript
微信小程序自定义tabBar的踩坑实践记录
Nov 06 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
真正根据utf8编码的规律来进行截取字符串的函数(utf8版sub_str )
2012/10/24 PHP
php像数组一样存取和修改字符串字符
2014/03/21 PHP
jQuery Mobile + PHP实现文件上传
2014/12/12 PHP
PHP正则验证Email的方法
2015/06/15 PHP
PHP框架性能测试报告
2016/05/08 PHP
漂亮的widgets,支持换肤和后期开发新皮肤(2007-4-27已更新1.7alpha)
2007/04/27 Javascript
jQuery ajax在GBK编码下表单提交终极解决方案(非二次编码方法)
2010/10/20 Javascript
微信小程序 标签传入数据
2017/05/08 Javascript
JS/jQuery实现获取时间的方法及常用类完整示例
2019/03/07 jQuery
微信小程序修改数组长度的问题的解决
2019/12/17 Javascript
让Vue响应Map或Set的变化操作
2020/11/11 Javascript
[02:16]DOTA2超级联赛专访Burning 逆袭需要抓住机会
2013/06/24 DOTA
[44:50]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 TNC vs VG
2018/04/02 DOTA
[01:29:17]RNG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
简单说明Python中的装饰器的用法
2015/04/24 Python
Python按行读取文件的实现方法【小文件和大文件读取】
2016/09/19 Python
PyCharm在新窗口打开项目的方法
2019/01/17 Python
python GUI库图形界面开发之PyQt5单选按钮控件QRadioButton详细使用方法与实例
2020/02/28 Python
浅谈pandas.cut与pandas.qcut的使用方法及区别
2020/03/03 Python
Python使用matplotlib绘制圆形代码实例
2020/05/27 Python
用60行代码实现Python自动抢微信红包
2021/02/04 Python
详解html2canvas截图不能截取圆角图片的解决方案
2018/01/30 HTML / CSS
土耳其家居建材网站:Koçtaş
2016/11/22 全球购物
一套.net面试题及答案
2016/11/02 面试题
数控技术与应用毕业生自荐信
2013/09/24 职场文书
银行实习生的自我评价
2013/12/09 职场文书
乡镇庆八一活动方案
2014/02/02 职场文书
如何写一封打动人心的求职信
2014/02/17 职场文书
第一批党的群众路线教育实践活动工作总结
2014/03/03 职场文书
党的群众路线教育实践活动宣传标语口号
2014/06/06 职场文书
本科毕业论文导师评语
2014/12/31 职场文书
DjangoRestFramework 使用 simpleJWT 登陆认证完整记录
2021/06/22 Python
十大最帅动漫男主 碓冰拓海上榜,第一是《灌篮高手》男主角
2022/03/18 日漫
Windows Server 2008 修改远程登录端口以及配置防火墙
2022/04/28 Servers
Windows Server 2019 安装DHCP服务及相关配置
2022/04/28 Servers
Nginx限流和黑名单配置
2022/05/20 Servers