在JS中解析HTML字符串示例代碼
更新時間:2014年04月16日 17:47:04 作者:
這篇文章主要介紹了在JS中如何解析HTML字符串,需要的朋友可以參考下
在js中直接添加html語句,js會將html字符串解析成相應(yīng)的HTML語句,并在前端進(jìn)行顯示。
<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中進(jìn)行應(yīng)用:
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
復(fù)制代碼 代碼如下:
<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中進(jìn)行應(yīng)用:
復(fù)制代碼 代碼如下:
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
相關(guān)文章
微信小程序?qū)崿F(xiàn)根據(jù)日期和時間排序功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)根據(jù)日期和時間排序功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-08-08
值得分享的Bootstrap Ace模板實現(xiàn)菜單和Tab頁效果
這篇文章主要為大家分享了基于Bootstrap Ace模板實現(xiàn)菜單和Tab頁效果,感興趣的小伙伴們可以參考一下2015-12-12
headjs實現(xiàn)網(wǎng)站并行加載但順序執(zhí)行JS
本文主要介紹如何使用head.js實現(xiàn)網(wǎng)站并行加載但順序執(zhí)行JS,提高網(wǎng)站加載速度。需要的朋友可以看下2016-11-11
關(guān)于window.pageYOffset和document.documentElement.scrollTop
window.pageYOffset:Netscape屬性,指的是滾動條頂部到網(wǎng)頁頂部的距離2011-04-04

