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

207 阅读 0 评论 137 点赞

我是靠谱客的博主文静路灯，最近开发中收集的这篇文章主要介绍在JS中解析HTML字符串示例代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在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 