在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 相关文章推荐
js身份证验证超强脚本
Oct 26 Javascript
微信支付 JS API支付接口详解
Jul 11 Javascript
Vue.js每天必学之构造器与生命周期
Sep 05 Javascript
Node.js中看JavaScript的引用
Apr 22 Javascript
基于react框架使用的一些细节要点的思考
May 31 Javascript
JS实现简易的图片拖拽排序实例代码
Jun 09 Javascript
原生js检测页面加载完毕的实例
Sep 11 Javascript
vue中,在本地缓存中读写数据的方法
Sep 21 Javascript
详解Node.js读写中文内容文件操作
Oct 10 Javascript
JavaScript如何实现元素全排列实例代码
May 14 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
Sep 06 Javascript
JS实现无限轮播无倒退效果
Sep 21 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
第十五节--Zend引擎的发展
2006/11/16 PHP
php float不四舍五入截取浮点型字符串方法总结
2013/10/28 PHP
Joomla语言翻译类Jtext用法分析
2016/05/05 PHP
thinkPHP引入类的方法详解
2016/12/08 PHP
jQuery AJAX 调用WebService实现代码
2010/03/24 Javascript
JavaScript高级程序设计 读书笔记之十 本地对象Date日期
2012/02/27 Javascript
javascript实现文本域写入字符时限定字数
2014/02/12 Javascript
JS阻止用户多次提交示例代码
2014/03/26 Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
2014/04/03 Javascript
Javascript基础教程之while语句
2015/01/18 Javascript
jquery实现增加删除行的方法
2015/02/03 Javascript
JavaScript设置body高度为浏览器高度的方法
2015/02/09 Javascript
JavaScript中的方法重载实例
2015/03/16 Javascript
javascript实现的图片预览功能
2017/03/25 Javascript
利用百度地图API获取当前位置信息的实例
2017/11/06 Javascript
微信小程序checkbox组件使用详解
2018/01/31 Javascript
原生JS实现简单的倒计时功能示例
2018/08/30 Javascript
JS浮点数运算结果不精确的Bug解决
2019/08/01 Javascript
python虚拟环境 virtualenv的简单使用
2020/01/21 Javascript
js实现小星星游戏
2020/03/23 Javascript
npm ci命令的基本使用方法
2020/09/20 Javascript
vue+iview实现文件上传
2020/11/17 Vue.js
Java实现的执行python脚本工具类示例【使用jython.jar】
2018/03/29 Python
Python Selenium Cookie 绕过验证码实现登录示例代码
2018/04/10 Python
python自动登录12306并自动点击验证码完成登录的实现源代码
2018/04/25 Python
python文件绝对路径写法介绍(windows)
2019/12/25 Python
python如何用matplotlib创建三维图表
2021/01/26 Python
html5 css3 动态气泡按钮实例演示
2012/12/02 HTML / CSS
PHP如何设置和取得Cookie值
2015/06/30 面试题
预备党员思想汇报
2014/01/08 职场文书
助人为乐表扬信范文
2014/01/14 职场文书
自我鉴定注意事项
2014/01/19 职场文书
网络工程师职业规划
2014/02/10 职场文书
中学生民族团结演讲稿
2014/08/27 职场文书
2014办公室副主任四风对照检查材料思想汇报
2014/09/20 职场文书
食品仓管员岗位职责
2015/04/01 职场文书