JavaScript与jQuery解析HTML字符串的方法

JavaScript原生解析HTML字符串

在JavaScript中，可以直接处理HTML字符串，浏览器引擎会自动将其解析为对应的DOM节点，并在前端页面中渲染显示。

 
<span style="font-size:14px;">var el = document.createElement( 'div' );</span>
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' ); // 获取包含锚元素的实时NodeList集合

jQuery解析HTML字符串示例

在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) // 获取容器内所有锚元素