JS获取html对象的几种方式介绍
更新时间：2013年12月05日 14:58:25 作者：
这篇文章主要介绍了JS获取html对象的几种方式，有需要的朋友可以参考一下
document.getElementById("zx");
通过ID获取html元素对象，ID号在html文档当中应该是唯一的。返回的是唯一element对象。并且所有浏览器都兼容。
document.getElementsByTagName("span")[0];
通过标签查找html对象，由于html标签在一个页面中可能重复很多次，所以当前页面返回的是一个数组。可以根据标签出现的位置定位元素的对象。所有浏览器都兼容。
document.getElementsByName("hh")[0];
通过name属性来定位html对象，但是并不是所有标签都有name属性，但是我们可以人为的加上name属性，这样也可以定位到，由于name属性可能有多个，不唯一。所以这个方法返回的也是一个数组，同样我们也可以根据html当中name的位置，进行对name的定位。IE系列不兼容，不推荐使用。
innerHTML：这个方法是获取该html元素的具体html代码
document.getElementById("zx").innerHTML;
还可以更新元素的html代码：
document.getElementById("zx").innerHTML="<b>我们约会吧~</b>";
相关文章
下面小编就为大家带来一篇基于js 本地存储(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
这篇文章主要介绍了PassWord输入框的代码,代码简单易懂，非常实用，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
这篇文章主要介绍了JavaScript错误处理操作,结合实例形式分析了javascript常见的错误类型、错误处理语句以及相关使用技巧,需要的朋友可以参考下2019-01-01
这篇文章主要给大家介绍了关于微信小程序通过一个json实现分享朋友圈图片的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用微信小程序具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-09-09
在一些电商网站上，经常看到有商品图片被放大查看的功能，所以本文将使用前端技术实现一个简单的图片放大镜功能，希望能给大家带来一定的帮助2023-06-06
这篇文章主要为大家详细 介绍了OpenLayer学习之自定义测量控件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
本文汇总了解决js跨域问题的5种方法，除了最后一种使用flash解决跨域问题由于过于高端，没有做出介绍外，其余四种都做了下总结，这里推荐给有相同需求的小伙伴。2014-12-12
这篇文章主要介绍了微信小程序入口场景的问题集合与相关解决方法,从零开始开发一个小程序，大多数坑点都是在微信小程序的各个入口场景处。所以这里整理一下微信小程序的各个入口场景会面临的问题以及解决方案,需要的朋友可以参考下2019-06-06
easycom是uniapp的一种组件自动引入的规则,使用这种规则可以使满足规则的组件无需注册直接使用,下面这篇文章主要给大家介绍了关于uniapp中如何使用easycom自定义组件的相关资料,需要的朋友可以参考下2023-05-05
这篇文章主要介绍了JS遍历数组及打印数组的方法,结合实例形式分析JavaScript数组的遍历与打印输出相关技巧,需要的朋友可以参考下2016-01-01
最新评论