编程 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 相关文章推荐

使用JS操作页面表格，元素的一些技巧

Feb 02 Javascript

IE innerHTML,outerHTML所引起的问题

Jun 04 Javascript

js事件冒泡实例分享(已测试)

Apr 23 Javascript

jQuery源码解读之addClass()方法分析

Feb 20 Javascript

浅谈EasyUI中编辑treegrid的方法

Mar 01 Javascript

js实现图片淡入淡出切换简易效果

Aug 22 Javascript

JS实现最简单的冒泡排序算法

Feb 15 Javascript

纯js实现html转pdf的简单实例(推荐)

Feb 16 Javascript

JavaScript中常见的八个陷阱总结

Jun 28 Javascript

基于JSONP原理解析(推荐)

Dec 04 Javascript

koa源码中promise的解读

Nov 13 Javascript

vue实现输入框的模糊查询的示例代码（节流函数的应用场景）

Sep 01 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

收听困难？教您超简便短波广播抗干扰方法！

2021/03/01 无线电

浅谈PHP 闭包特性在实际应用中的问题

2009/10/30 PHP

php列出一个目录下的所有文件的代码

2012/10/09 PHP

PHP获取和操作配置文件php.ini的几个函数介绍

2013/06/24 PHP

php中try catch捕获异常实例详解

2014/11/21 PHP

PHP执行linux命令常用函数汇总

2016/02/02 PHP

PHP 7.1新特性的汇总介绍

2016/12/16 PHP

prettify 代码高亮着色器google出品

2010/12/28 Javascript

Javascript获取CSS伪元素属性的实现代码

2014/09/28 Javascript

AngularJS入门教程（零）：引导程序

2014/12/06 Javascript

原生js实现可拖动的登录框效果

2017/01/21 Javascript

react-redux中connect()方法详细解析

2017/05/27 Javascript

Vue2.0 从零开始_环境搭建操作步骤

2017/06/14 Javascript

vue.js移动端app之上拉加载以及下拉刷新实战

2017/09/11 Javascript

Node.js学习之TCP/IP数据通讯(实例讲解)

2017/10/11 Javascript

微信小程序实现跑马灯效果完整代码(附效果图)

2018/05/30 Javascript

vue如何根据网站路由判断页面主题色详解

2018/11/02 Javascript

基于elementUI实现图片预览组件的示例代码

2019/03/31 Javascript

详解vue为什么要求组件模板只能有一个根元素

2019/07/22 Javascript

解决layui table表单提示数据接口请求异常的问题

2019/09/24 Javascript

Python文件操作之合并文本文件内容示例代码

2017/09/19 Python

pandas 对series和dataframe进行排序的实例

2018/06/09 Python

python3爬虫之设计签名小程序

2018/06/19 Python

使用Python机器学习降低静态日志噪声

2018/09/29 Python

django主动抛出403异常的方法详解

2019/01/04 Python

Python嵌套式数据结构实例浅析

2019/03/05 Python

python实现桌面托盘气泡提示

2019/07/29 Python

python的等深分箱实例

2019/11/22 Python

python 多进程队列数据处理详解

2019/12/23 Python

IntelliJ 中配置 Anaconda的过程图解

2020/06/01 Python

德国机车企业：FC-Moto

2017/10/27 全球购物

德国在线订购鲜花：Fleurop

2018/08/25 全球购物

Herve Leger官网：标志性绷带连衣裙等

2018/12/26 全球购物

新郎父母婚礼答谢词

2015/09/29 职场文书

Python 实现定积分与二重定积分的操作

2021/05/26 Python

Java 死锁解决方案

2022/05/11 Java/Android