js怎么通过class获取元素

如题所述

根据你的需求,举例如下:

document.querySelector:获取首个(单个)符合条件元素

document.querySelector('.name'); //获取页面上首个class属性中包含name的元素。

document.querySelectorAll:获取全部符合条件元素

document.querySelectorAll('.name'); //获取页面上全部class属性中包含name的元素。
温馨提示:内容为网友见解,仅供参考
第1个回答  2022-04-26
我给你总结一下啊,因为class是类,所以呢,js中在通过class查找对象时,查找用的代码是:
document.getElementsByClassName
但是,这里有个细节,elements他找到的是一个集合,哪怕你的网页中class名字是唯一的,也是用数组进行存放的。就是说,如果你想通过class去找对象,要标明索引,浏览器才能识别出来。举个例子:
比如你有一个盒子:<div class="test"></div>
你要在JS中拿到这个盒子对象,那么你就要这样写:
var dom=document.getElementsByClassName("test")[0];
这句话的意思就是要先找到所有的classname是test的数组,然后取索引为0的元素
你听懂了吗?
当然你也可以用更为原始的办法
比如,通过getElementByTagName("*")找到所有元素,然后用一个for循环,判断.className==你想要的class对象进行筛选,用数组装起来,同样,你要调取单个的对象也要用数组加索引来调取这个元素,这样的代码网上很多,比如:这个网页所描述的代码
第2个回答  2018-09-13
var dialogHeaderEl = document.querySelector('.el-dialog__header');

js 如何获取class的元素
使用document.getElementsByClassName(’class‘)获取标签,使用innerText获取元素内的数据内容。1、设计一个HTML简单页面,代码如下:2、设计绑定的函数alertText(),代码如下:3、此时的页面展示如下:4、演示,点击其中的div,执行如下:(1)点击第一个:(2)点击第二个:...

js怎么通过class获取元素
根据你的需求,举例如下:document.querySelector:获取首个(单个)符合条件元素 document.querySelector('.name'); \/\/获取页面上首个class属性中包含name的元素。document.querySelectorAll:获取全部符合条件元素 document.querySelectorAll('.name'); \/\/获取页面上全部class属性中包含name的元素。

javascript获取元素(javascript中获取元素的方法有哪些)
如何用js获取id元素内容方法有两种:1、通过jquery的方式,使用id选择器方式获取节点,然后获取值。2、通过原生的dom方式,获取id的值。每一个HTML元素都使用id来进行一个标注,随后可以通过document.getElementById(“ID名称”)取得指定的ID元素对象,取得元素对象之后就可以对其进行操作。但是document.getEl...

通过判断Class的值用getElementByClassName隐藏Div元素..
js是不能根据类名直接获取页面元素的,但是有其他折中的方式,个人给你的参考程序如下:输出列表外层添加div包,用于定位,减少程序检索范围:\/\/外层div包,用于js定位 test1 test2 test3 test4 var list=document.getElementById("k1");\/\/获取检索范围 var str=list.getElementsByTagNam...

js通过元素class名字获取元素集合的具体实现
获取元素集合的方法有很多,接下来为大家介绍喜爱使用js通过元素class名字获取元素集合的方法 代码如下:function getElementsByClassName(n){ var classElements = [],allElements = document.getElementsByTagName('*');for (var i=0;i< allElements.length;i++ ){ if (allElements[i].className ==...

JS 获取class 元素集合
function getByClass(oParent, sClass) { \/\/根据class获取元素 var oReasult = [];var oEle = oParent.getElementsByTagName("*");for (i = 0; i < oEle.length; i++) { if (oEle[i].className == sClass) { oReasult.push(oEle[i])} };return oReasult;} ...

js怎么用class来找单个元素。getElementsByClassName没用
没用只能嵌套查询 for(i=0;i<document.getElementsByName('asd');i++){ if(document.getElementsByName('asd').className=='c'){ \/\/--- } }

js获取不含指定类名的元素
1、通过元素的ID去拿元素,获取的是一个指定的元素(getElementById)。2、通过元素的类名(class名)获取元素,获取的是一组元素集合(getElementsByClassName)。3、通过元素的标签名获取(tagName),获取元素跟类名获取的一样,都是一组元素集合(getElementsByTagName)。4、通过name属性(getElements...

JS获取网页中HTML元素的几种方法分析
常用以下几种方式:\/\/通过DOM标签获取,会选择页面上所有的DIV标签var divObj = document.getElementsByTagNames("div");\/\/通过ID获取,具有唯一性var divObjId = document.getElementsById("mued");\/\/通过Class获取,会选择页面上所有CLASS名为mued的DOM标签var divObjClass = document.getElementsByClas...

HTML5 js如何获取所有相同ID或class的元素?
下面例子通过document.getElementsByClassName("class1")获取所有同一class的元素,使用for循环把取得的div元素的值存入数组arr中,完成的代码如下:运行结果,打印数组如下:

相似回答