t DOMException: Failed to execute 'querySelectorAll' on 'Document': 'span[class*=Chip__Label-sc-c5sf6m-0 bwkguz]' is not a valid selector. at <anonymous>:1:25 (匿名) @ VM2744:1
时间: 2024-02-29 10:53:30 浏览: 27
这个错误提示是因为您提供的选择器不是一个有效的 CSS 选择器。根据错误提示,您提供的选择器是 `span[class*=Chip__Label-sc-c5sf6m-0 bwkguz]`,这个选择器中包含了两个 class 名称,用空格分隔开来。
在 CSS 选择器中,多个 class 名称应该用点号 `.` 连接在一起。所以您可以将选择器改为 `span.Chip__Label-sc-c5sf6m-0.bwkguz`,或者使用以下选择器:
```
document.querySelectorAll('span[class*=Chip__Label-sc-c5sf6m-0].bwkguz')
```
这个选择器将选择所有 `class` 属性中包含 `Chip__Label-sc-c5sf6m-0` 的 `span` 标签,并且这些标签同时具有 `bwkguz` 这个 class 名称。
相关问题
解释一下DOMException: Failed to execute 'querySelectorAll' on 'Element': '*,:x' is not a valid selector.
DOMException: Failed to execute 'querySelectorAll' on 'Element': '*,:x' is not a valid selector 是一个 DOM 异常,该异常通常在使用 querySelectorAll 方法时出现。该异常的原因是提供的选择器字符串包含一个无效的选择器,即 "*,:x",该选择器不能被正确解析和执行。在使用 querySelectorAll 方法时,选择器字符串必须遵循 CSS 选择器的语法规则,否则将会引发此异常。要解决这个问题,需要检查提供的选择器字符串是否正确,如果有错误,需要进行修复或更正。
Uncaught DOMException: Failed to execute 'querySelectorAll' on 'Document': '.0CsRxEXJZz1685969591027' is not a valid selector.
这个错误是因为类名以数字开头,而在 CSS 中,选择器不能以数字开头。你需要在类名前添加一个合法的字符来修复这个问题。比如,可以在类名前添加一个字母:
```javascript
var url = window.location.href;
console.log(url);
var site = url.lastIndexOf("/");
var letter_id = url.substring(site + 1, url.length);
letter_id = "l" + letter_id; // 在类名前添加一个字母
console.log(letter_id);
var elements = document.querySelectorAll("." + letter_id);
for (var i = 0; i < elements.length; i++) {
elements[i].style.color = "red";
}
```
这样就可以避免类名以数字开头的问题了。
相关推荐
![mp4](https://img-home.csdnimg.cn/images/20210720083504.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)