在JavaScript中解析html代码

admin 107 0

在JavaScript中解析html代码-第1张图片-极光之门

我们可以创建一个虚拟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


标签: 前端

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~