在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插件开发方法(附完整实例及下载)
Apr 01 Javascript
ie下jquery.getJSON的缓存问题的处理方法
Mar 29 Javascript
当前流行的JavaScript代码风格指南
Sep 10 Javascript
js实现点击链接后延迟3秒再跳转的方法
Jun 05 Javascript
JS遍历ul下的li点击弹出li的索引的实现方法
Sep 19 Javascript
IntersectionObserver API 详解篇
Dec 11 Javascript
seajs模块压缩问题与解决方法实例分析
Oct 10 Javascript
jQuery 改变P标签文本值方法
Feb 24 jQuery
vue中的计算属性实例详解
Sep 19 Javascript
百度小程序之间的页面通信过程详解
Jul 18 Javascript
jquery向后台提交数组的代码分析
Feb 20 jQuery
javascript设计模式 ? 解释器模式原理与用法实例分析
Apr 17 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
在apache下限制每个虚拟主机的并发数!!!!
2006/10/09 PHP
PHP中Session的概念
2006/10/09 PHP
phpfans留言版用到的install.php
2007/01/04 PHP
在数据量大(超过10万)的情况下
2007/01/15 PHP
最新的php 文件上传模型,支持多文件上传
2009/08/13 PHP
Zend Framework教程之MVC框架的Controller用法分析
2016/03/07 PHP
ThinkPHP3.2框架自定义配置和加载用法示例
2018/06/14 PHP
ThinkPHP5.1验证码功能实现的示例代码
2020/06/08 PHP
JavaScript DOM 学习第三章 内容表格
2010/02/19 Javascript
JavaScript获取页面上某个元素的代码
2011/03/13 Javascript
js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
2015/07/18 Javascript
实例讲解JavaScript的Backbone.js框架中的View视图
2016/05/05 Javascript
jQuery插件form-validation-engine正则表达式操作示例
2017/02/09 Javascript
详解node-ccap模块生成captcha验证码
2017/07/01 Javascript
jquery ajaxfileupload异步上传插件
2017/11/21 jQuery
详解使用VueJS开发项目中的兼容问题
2018/08/02 Javascript
小程序实现自定义导航栏适配完美版
2019/04/02 Javascript
基于vue实现图片验证码倒计时60s功能
2019/12/10 Javascript
keep-alive不能缓存多层级路由菜单问题解决
2020/03/10 Javascript
vue实现井字棋游戏
2020/09/29 Javascript
python实现自动更换ip的方法
2015/05/05 Python
用python做一个搜索引擎(Pylucene)的实例代码
2017/07/05 Python
python cs架构实现简单文件传输
2020/03/20 Python
Python datetime 格式化 明天,昨天实例
2020/03/02 Python
米兰必去买手店排行榜首位:Antonioli
2016/09/11 全球购物
英国时尚饰品和发饰购物网站:Claire’s
2017/07/04 全球购物
HomeAway的巴西品牌:Alugue Temporada
2018/04/10 全球购物
iKRIX意大利网上商店:男女豪华服装和配件
2019/10/09 全球购物
教师推荐信范文
2013/11/24 职场文书
保证书格式范文
2014/04/28 职场文书
拉拉队口号
2014/06/16 职场文书
云台山导游词
2015/02/03 职场文书
交心谈心活动总结
2015/05/11 职场文书
学生会主席任命书
2015/09/21 职场文书
2016年社区“6.26”禁毒日宣传活动总结
2016/04/05 职场文书
CSS作用域(样式分割)的使用汇总
2021/11/07 HTML / CSS