在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照片伸缩效果不影响其他元素的布局
May 09 Javascript
javascript事件冒泡实例分析
May 13 Javascript
使用node+vue.js实现SPA应用
Jan 28 Javascript
表单元素值获取方式js及java方式的简单实例
Oct 15 Javascript
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
Nov 09 Javascript
jQuery向webApi提交post json数据
Jan 16 Javascript
JS实现遍历不规则多维数组的方法
Mar 21 Javascript
ng-events类似ionic中Events的angular全局事件
Sep 05 Javascript
vue interceptor 使用教程实例详解
Sep 13 Javascript
浅析vue中的MVVM实现原理
Mar 04 Javascript
通过js实现压缩图片上传功能
Feb 25 Javascript
jQuery实现全选按钮
Jan 01 jQuery
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写的获取各搜索蜘蛛爬行记录代码
2012/08/21 PHP
php基于session锁防止阻塞请求的方法分析
2017/08/07 PHP
PHP实现的超长文本分页显示功能示例
2018/06/04 PHP
IE7提供XMLHttpRequest对象为兼容
2007/03/08 Javascript
使用SyntaxHighlighter实现HTML高亮显示代码的方法
2010/02/04 Javascript
jQuery 事件的命名空间简单了解
2013/11/22 Javascript
JavaScript判断前缀、后缀是否是空格的方法
2015/04/15 Javascript
使用JQuery实现智能表单验证功能
2016/03/08 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
2016/11/01 Javascript
详解angularJs模块ui-router之状态嵌套和视图嵌套
2017/04/28 Javascript
vue实现全选和反选功能
2017/08/31 Javascript
jQuery EasyUI 选项卡面板tabs的使用实例讲解
2017/12/25 jQuery
详解浏览器缓存和webpack缓存配置
2018/07/06 Javascript
JavaScript事件发布/订阅模式原理与用法分析
2018/08/21 Javascript
webpack打包多页面的方法
2018/11/30 Javascript
vue实现带复选框的树形菜单
2019/05/27 Javascript
Vuex中实现数据状态查询与更改
2019/11/08 Javascript
vue 封装面包屑组件教程
2020/11/16 Javascript
Python 迭代器工具包【推荐】
2016/05/06 Python
Python实现的自定义多线程多进程类示例
2018/03/23 Python
Python面向对象之类的定义与继承用法示例
2019/01/14 Python
详解python运行三种方式
2019/05/13 Python
python3调用windows dos命令的例子
2019/08/14 Python
opencv3/C++图像像素操作详解
2019/12/10 Python
Django添加bootstrap框架时无法加载静态文件的解决方式
2020/03/27 Python
pycharm 实现调试窗口恢复
2021/02/05 Python
Mytheresa英国官网:拥有160多个奢侈品品牌
2016/10/09 全球购物
西班牙英格列斯百货英国官网:El Corte Inglés英国
2017/10/30 全球购物
西班牙床垫网上商店:Colchones.es
2018/05/06 全球购物
英国的潮牌鞋履服饰商店:size?
2019/03/26 全球购物
教师自我评价范例
2013/09/24 职场文书
感情真挚的毕业生求职信
2014/07/19 职场文书
骨干教师个人总结
2015/02/11 职场文书
正规欠条模板
2015/07/03 职场文书
详解Java实践之建造者模式
2021/06/18 Java/Android
muduo TcpServer模块源码分析
2022/04/26 Redis