在JS中解析HTML字符串示例代码
更新时间:2014年04月16日 17:47:04 作者:
这篇文章主要介绍了在JS中如何解析HTML字符串,需要的朋友可以参考下
在js中直接添加html语句,js会将html字符串解析成相应的HTML语句,并在前端进行显示。
<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中进行应用:
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
复制代码 代码如下:
<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中进行应用:
复制代码 代码如下:
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
相关文章
值得分享的Bootstrap Ace模板实现菜单和Tab页效果
这篇文章主要为大家分享了基于Bootstrap Ace模板实现菜单和Tab页效果,感兴趣的小伙伴们可以参考一下2015-12-12
关于window.pageYOffset和document.documentElement.scrollTop
window.pageYOffset:Netscape属性,指的是滚动条顶部到网页顶部的距离2011-04-04


最新评论