如何用JS解析HTML字符串?
首页 > >    作者:lininn   2020年5月14日 10:23 星期四   热度:1507°   百度已收录  
时间:2020-5-14 10:23   热度:1507° 
parser=new DOMParser(); htmlDoc=parser.parseFromString(txt, "text/html"); //Do whatever you want with htmlDoc.getElementsByTagName('a');

根据MDN,要在Chrome中这样做,如下所示:

parser=new DOMParser(); htmlDoc=parser.parseFromString(txt, "text/xml"); //Do whatever you want with htmlDoc.getElementsByTagName('a');



或者

创建一个虚拟DOM元素并将字符串添加到其中。然后,您可以像任何DOM元素一样操作它。

var el = document.createElement( 'html' ); 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

添加一个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

二维码加载中...
本文作者:lininn      文章标题: 如何用JS解析HTML字符串?
本文地址:?post=447
版权声明:若无注明,本文皆为“覆手为雨”原创,转载请保留文章出处。
分享本文至:

返回顶部    首页    手机版本    后花园   会员注册   
版权所有:覆手为雨    站长: lininn