前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js获取元素的几种形式

js获取元素的几种形式

作者头像
十月梦想
发布2018-08-29 10:58:01
25.2K0
发布2018-08-29 10:58:01
举报
文章被收录于专栏:十月梦想十月梦想

通过id获取元素

代码语言:javascript
复制
document.getElementById('div');//获取id为div的元素

通过class获取

代码语言:javascript
复制
document.getElementsByClassName('top');//获取页面中所有的class为top的元素集合

通过标签名获取

代码语言:javascript
复制
document.getElementsByTagName('p');//获取页面中所有的标签为p的元素集合

通过name获取

代码语言:javascript
复制
document.getElementsByName('user');//获取页面中所有的name为user的元素集合

注意:通过class,name标签名抓取的元素是一个集合,即使该类只有一个符合要求的元素目标,也返回是一个集合,因此可以存储的变量,通过变量名[0]获得第一个符合要求的标签目标.

抓取class为例

代码语言:javascript
复制
var tops=document.getElementsByClassName('top');//抓取页面所有class为top的集合
tops[0]为第一个符合的.

简单可以将返回的当做一个存储符合的数组,通过下标进行找到指定的位置.

当然也可以使用数组的方法返回,集合的目标数.

alert(tops.length)可以提示出class为top的目标数

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-1-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档