在JS中解析HTML字符串示例代码

 更新时间:2014年04月16日 17:47:04   作者:  
这篇文章主要介绍了在JS中如何解析HTML字符串,需要的朋友可以参考下
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

在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

相关文章

  • JS实现简洁、全兼容的拖动层实例

    JS实现简洁、全兼容的拖动层实例

    这篇文章主要介绍了JS实现简洁、全兼容的拖动层的方法,实例分析了javascript鼠标事件及页面元素的操作技巧,非常具有实用价值,需要的朋友可以参考下
    2015-05-05
  • 小程序跳转H5页面的方法步骤

    小程序跳转H5页面的方法步骤

    这篇文章主要介绍了小程序跳转H5页面的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-03-03
  • 微信小程序中网络请求缓存的解决方法

    微信小程序中网络请求缓存的解决方法

    这篇文章主要给大家介绍了关于微信小程序中网络请求缓存的解决方法,文中通过示例代码介绍的非常详细,对大家学习或者使用微信小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-12-12
  • js实现简易计算器功能

    js实现简易计算器功能

    这篇文章主要为大家详细介绍了js实现简易计算器功能,制作能进行加减乘除的计算器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • Javascript单元测试框架QUnitjs详细介绍

    Javascript单元测试框架QUnitjs详细介绍

    这篇文章主要介绍了Javascript单元测试框架QUnitjs详细介绍,需要的朋友可以参考下
    2014-05-05
  • JavaScript的变量作用域深入理解

    JavaScript的变量作用域深入理解

    深入理解JavaScript的变量作用域,需要的朋友可以参考下。
    2009-10-10
  • 使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条

    使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条

    这篇文章主要介绍了使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条效果,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-01-01
  • 小程序实现图片移动缩放效果

    小程序实现图片移动缩放效果

    这篇文章主要为大家详细介绍了小程序实现图片移动缩放效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • javascript合并两个数组最简单的实现方法

    javascript合并两个数组最简单的实现方法

    这篇文章主要介绍了javascript合并两个数组最简单的实现方法,方法很简单,有需要的朋友们可以学习下。
    2019-09-09
  • javascript系统时间设置操作示例

    javascript系统时间设置操作示例

    这篇文章主要介绍了javascript系统时间设置操作,涉及javascript时间运算与判断相关操作技巧,需要的朋友可以参考下
    2019-06-06

最新评论

?


http://www.vxiaotou.com