原生js问题。选取class选择器。使用id的时候,js可以选取到,但是使用class的时候js选取不到。

2025-03-26 09:47:49
推荐回答(2个)
回答1:

Document

Document接口表示在浏览器中加载的任何网页,并作为到网页内容的入口点,这是 DOM 树。 DOM树包括诸如 和

之类的元素,其他等等。其也为文档(document)提供了全局性的函数,例如获取页面的URL、在文档中创建新的 element 的函数。它为文档提供全局的函数,像如何获取页面的URL和在文档中创建新的元素。


这里主要用于Document的两个方法

1、 document.getElementById

返回一个匹配特定 ID的元素        




  Some text here


新手注意:

新手要注意方法名中 'Id' 的拼写——'getElementByID' 是没有作用的。许多人会忽视这个错误。


如果没有查找到对应的元素,方法会返回null。注意ID参数是大小写敏感的,所以document.getElementById("Main")无法获取到元素

,因为'M'和'm'是不一样的。


2、Document.getElementsByClassName()

返回一个类似数组的对象,包含了所有指定 class 名称的子元素。

document.getElementsByClassName('test'); //获取所有class为'test'的元素
document.getElementsByClassName('red test'); //获取所有class同时包括'red'和'test'的元素

回答2:

原生不支持CLASS选择,你如果非要选择,自己写个函数,遍历所有的dom节点,然后对所有dom节点的CLASS属性进行判断。