在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 相关文章推荐
21个JavaScript事件(Events)属性汇总
Dec 02 Javascript
JS实现动态给图片添加边框的方法
Apr 01 Javascript
Js制作点击输入框时默认文字消失的效果
Sep 05 Javascript
Javascript 实现放大镜效果实例详解
Dec 03 Javascript
JS实现给json数组动态赋值的方法示例
Mar 19 Javascript
关于JavaScript的单双引号嵌套问题
Aug 20 Javascript
Vue中封装input组件的实例详解
Oct 17 Javascript
JavaScript实现树的遍历算法示例【广度优先与深度优先】
Oct 26 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
Mar 21 Javascript
vue实现打印功能的两种方法
Sep 07 Javascript
详解Vue This$Store总结
Dec 17 Javascript
vue使用混入定义全局变量、函数、筛选器的实例代码
Jul 29 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 imagegrabscreen和imagegrabwindow(截取网站缩略图)的实例代码
2013/11/07 PHP
常用的php图片处理类(水印、等比缩放、固定高宽)分享
2015/06/19 PHP
Python中使用django form表单验证的方法
2017/01/16 PHP
详解thinkphp5+swoole实现异步邮件群发(SMTP方式)
2017/10/13 PHP
Ajax+PHP实现的模拟进度条功能示例
2019/02/11 PHP
js有序数组的连接问题
2013/10/01 Javascript
判断文件是否正在被使用的JS代码
2013/12/21 Javascript
jquery通过ajax加载一段文本内容的方法
2015/01/15 Javascript
Jquery 实现grid绑定模板
2015/01/28 Javascript
JavaScript驾驭网页-DOM
2016/03/24 Javascript
全面总结Javascript对数组对象的各种操作
2017/01/22 Javascript
详解vue2.0组件通信各种情况总结与实例分析
2017/03/22 Javascript
详解EasyUi控件中的Datagrid
2017/08/23 Javascript
nodejs对express中next函数的一些理解
2017/09/08 NodeJs
vuejs实现递归树型菜单组件
2018/01/13 Javascript
js和jQuery以及easyui实现对下拉框的指定赋值方法
2018/01/23 jQuery
微信小程序实现消息框弹出动画
2020/04/18 Javascript
Python实现抓取网页并且解析的实例
2014/09/20 Python
Python实现的连接mssql数据库操作示例
2018/08/17 Python
Python多项式回归的实现方法
2019/03/11 Python
关于PyTorch 自动求导机制详解
2019/08/18 Python
Django之PopUp的具体实现方法
2019/08/31 Python
pytorch 状态字典:state_dict使用详解
2020/01/17 Python
使用pyecharts1.7进行简单的可视化大全
2020/05/17 Python
Python 发送邮件方法总结
2020/08/10 Python
一篇文章教你用python画动态爱心表白
2020/11/22 Python
美国亚马逊旗下时尚女装网店:SHOPBOP(支持中文)
2020/10/17 全球购物
PHP开发的一般流程
2013/08/13 面试题
品恩科技软件测试面试题
2014/10/26 面试题
工程管理造价应届生求职信
2013/11/13 职场文书
初中同学聚会感言
2014/02/11 职场文书
地理教师岗位职责
2014/03/16 职场文书
健康证明
2015/06/19 职场文书
学校中层领导培训心得体会
2016/01/11 职场文书
Python入门之基础语法详解
2021/05/11 Python
利用Python第三方库实现预测NBA比赛结果
2021/06/21 Python