编程 Javascript

在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

在JS中解析HTML字符串示例代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

默认让页面的第一个控件选中的javascript代码

Dec 26 Javascript

JavaScript 开发规范要求(图文并茂)

Jun 11 Javascript

JQuery入门——事件切换之hover()方法应用介绍

Feb 05 Javascript

jQuery控制网页打印指定区域的方法

Apr 07 Javascript

JavaScript使用位运算符判断奇数和偶数的方法

Jun 01 Javascript

javascript动态添加删除tabs标签的方法

Jul 06 Javascript

Bootstrap栅格系统简单实现代码

Mar 06 Javascript

JavaScript瀑布流布局实现代码

May 06 Javascript

js循环map 获取所有的key和value的实现代码(json)

May 09 Javascript

js根据后缀判断文件文件类型的代码

May 09 Javascript

JavaScript事件循环及宏任务微任务原理解析

Sep 02 Javascript

Vue实现图书管理小案例

Dec 03 Vue.js

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

解析CodeIgniter自定义配置文件

2013/06/18 PHP

浅析linux下apache服务器的配置和管理

2013/08/10 PHP

php中Ctype函数用法详解

2014/12/09 PHP

在Mac OS上自行编译安装Apache服务器和PHP解释器

2015/12/24 PHP

php之header的不同用法总结(实例讲解)

2017/11/28 PHP

php中的依赖注入实例详解

2019/08/14 PHP

Laravel项目中timeAgo字段语言转换的改善方法示例

2019/09/16 PHP

基于thinkphp5框架实现微信小程序支付退款订单查询退款查询操作

2020/08/17 PHP

TNC vs BOOM BO3 第一场2.13

2021/03/10 DOTA

解决FLASH需要点击激活的代码

2006/12/20 Javascript

JavaScript 模式之工厂模式(Factory)应用介绍

2012/11/15 Javascript

Bootstrap每天必学之下拉菜单

2015/11/25 Javascript

即将发布的jQuery 3 有哪些新特性

2016/04/14 Javascript

jQuery的promise与deferred对象在异步回调中的作用

2016/05/03 Javascript

JS组件Bootstrap实现图片轮播效果

2016/05/16 Javascript

用nodejs的实现原理和搭建服务器(动态)

2016/08/10 NodeJs

ionic实现滑动的三种方式

2016/08/27 Javascript

Vue.js仿Metronic高级表格（一）静态设计

2017/04/17 Javascript

基于Vue实现微信小程序的图文编辑器

2018/07/25 Javascript

Swiper.js实现移动端元素左右滑动

2019/09/08 Javascript

vue实现多级菜单效果

2019/10/19 Javascript

vue 实现锚点功能操作

2020/08/10 Javascript

Element-UI 使用el-row 分栏布局的教程

2020/10/26 Javascript

python定时检查启动某个exe程序适合检测exe是否挂了

2013/01/21 Python

Python中的对象，方法，类，实例，函数用法分析

2015/01/15 Python

利用Python获取操作系统信息实例

2016/09/02 Python

python中的迭代和可迭代对象代码示例

2017/12/27 Python

Python操作mongodb的9个步骤

2018/06/04 Python

Python实现快速傅里叶变换的方法（FFT）

2018/07/21 Python

解决Python运行文件出现out of memory框的问题

2018/12/03 Python

用html5的canvas和JavaScript创建一个绘图程序的简单实例

2016/07/06 HTML / CSS

美丽心灵观后感

2015/06/01 职场文书

陈斌强事迹观后感

2015/06/17 职场文书

立春观后感

2015/06/18 职场文书

2016形势与政策学习心得体会

2016/01/12 职场文书

浅谈如何提高PHP代码的质量

2021/05/28 PHP