在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)文章
js調(diào)試系列 斷點(diǎn)與動態(tài)調(diào)試[基礎(chǔ)篇]
上幾篇文章已經(jīng)為大家介紹了js調(diào)試系列的一些基礎(chǔ)知識,支持亂碼兄弟為大家?guī)砹薺s斷點(diǎn)與動態(tài)調(diào)試方法,需要的朋友可以參考下2014-06-06AlertBox 彈出層信息提示框效果實(shí)現(xiàn)步驟
彈出層就是相對文檔或窗口定位的一個層,一般用來顯示提示信息、廣告等內(nèi)容,還可以配合覆蓋層來鎖定頁面。2010-10-10javascript實(shí)現(xiàn)復(fù)選框全選或反選
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)復(fù)選框全選或反選,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02js代碼實(shí)現(xiàn)的加入收藏效果并兼容主流瀏覽器
這篇文章主要介紹了js代碼實(shí)現(xiàn)的加入收藏效果并兼容主流瀏覽器,需要的朋友可以參考下2014-06-06JavaScript實(shí)現(xiàn)將xml轉(zhuǎn)換成html table表格的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)將xml轉(zhuǎn)換成html table表格的方法,實(shí)例分析了javascript操作XML文件與table表格的技巧,非常具有實(shí)用價值,需要的朋友可以參考下2015-04-04JavaScript實(shí)現(xiàn)數(shù)字前補(bǔ)“0”的五種方法示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)數(shù)字前補(bǔ)“0”的五種方法,結(jié)合具體實(shí)例形式分析了javascript數(shù)字前補(bǔ)0的相關(guān)操作技巧,涉及javascript字符串遍歷、迭代、截取、構(gòu)造等操作,需要的朋友可以參考下2019-01-01