Javascript 数据的查询选择器-未捕获语法错误：无效或意外标记

还有其他div元素，但这应该足以了解基本HTML的外观，为什么不接受我的查询？

如果搜索的值以数字开头，或者包含任何非字母数字的字符，则必须将其括在引号中：

var elem = document.getElementsByClassName("briefsectiontop").querySelector("[data=" + i + "]").getElementsByClassName("current")[0];
if (elem.style.display == "none") {
  elem.style.display = "block";
} else {
  elem.style.display = "none";
};

---

但是

getElementsByClassName

返回一个集合，而不是单个元素，因此不能对其调用

querySelector

取而代之的是，只使用一个调用“代码> QuestS选择器< /C> >：

.querySelector(`[data="${i}"]`)

这将选择一个

.current

元素，该元素的祖先具有您正在查找的

数据

属性，该属性还具有一个祖先元素，该祖先元素具有

简要节顶

类名。CSS选择器允许以非常简洁的方式识别元素

常数i=3；
const elm=document.querySelector（`.briefsectiontop[data=“${i}]].current`）；
控制台日志（elm）

内容
如果要搜索的值以数字开头，或包含任何非字母数字字符，则必须将其括在引号中：

var elem = document.getElementsByClassName("briefsectiontop").querySelector("[data=" + i + "]").getElementsByClassName("current")[0];
if (elem.style.display == "none") {
  elem.style.display = "block";
} else {
  elem.style.display = "none";
};

但是
getElementsByClassName
返回一个集合，而不是单个元素，因此不能对其调用
querySelector

取而代之的是，只使用一个调用“代码> QuestS选择器< /C> >：
.querySelector(`[data="${i}"]`)

这将选择一个
.current
元素，该元素的祖先具有您正在查找的
数据
属性，该属性还具有一个祖先元素，该祖先元素具有
简要节顶
类名。CSS选择器允许以非常简洁的方式识别元素


常数i=3；
const elm=document.querySelector（`.briefsectiontop[data=“${i}]].current`）；
控制台日志（elm）

内容
getElementsByClassName（）
返回集合（类似数组的结构），而不是单个元素。集合没有
querySelector（）
方法。
getElementsByClassName（）
返回集合（类似数组的结构），而不是单个元素。集合没有
querySelector（）
方法。