js获取元素的几种形式

通过id获取元素

document.getElementById('div');//获取id为div的元素

通过class获取

document.getElementsByClassName('top');//获取页面中所有的class为top的元素集合

通过标签名获取

document.getElementsByTagName('p');//获取页面中所有的标签为p的元素集合

通过name获取

document.getElementsByName('user');//获取页面中所有的name为user的元素集合

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

抓取class为例

var tops=document.getElementsByClassName('top');//抓取页面所有class为top的集合
tops[0]为第一个符合的.

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

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏技术博客

JavaScript通过RegExp实现客户端验证

可以看到在文本框中注册了onkeypress事件,当在文本框中输入一个字符按下键盘的时候就会触发该JavaScript的函数

932
来自专栏前端杂货铺

html标签属性(attribute)和dom元素的属性(property)

简介 attribute和property都有属性之意,但对于attribute和property的区分其实并不难。从对象来说,attribute是html文档...

2845
来自专栏九彩拼盘的叨叨叨

学习前端 第6周 第3天

712
来自专栏行者常至

008.golang map

762
来自专栏Golang语言社区

Golang语言社区-【基础知识】切片

Go编程切片是一种抽象了Go编程数组。由于Go编程数组允许您定义的变量,可容纳同类的几个数据项类型,但它不提供任何内置的方法来动态地增加它的大小或得到一个子数组...

3638
来自专栏前端大白专栏

关于css选择器的问题 + * ~这三个有什么区别

1774
来自专栏HTML5学堂

JQuery选择器(中)

HTML5学堂:在学习JQuery开发的时候,选择器有多种,而我们将接着介绍选择器的其他类型,希望对大家有帮助! 5.临近选择器: $("mix+mix"),选...

3759
来自专栏专注研发

jquery常用方法

转:https://blog.csdn.net/yl2isoft/article/details/54427694

902
来自专栏GreenLeaves

JavaScript之字符串引号的使用技巧

在JavaScript中可以随意使用引号,但是最好根据字符串包含的字符来选择。 1.如果字符串里面包含了单引号,那就把字符串放在双引号里面 var age = ...

1887
来自专栏liulun

riot.js教程【六】循环、HTML元素标签

前文回顾 riot.js教程【五】标签嵌套、命名元素、事件、标签条件 riot.js教程【四】Mixins、HTML内嵌表达式 riot.js教程【三】...

2938

扫码关注云+社区

领取腾讯云代金券