Javascript 使用GetElementsByCassName选择2个类，其中一个是函数的变量

在Javascript函数中，我想选择class1和class2的所有元素。但其中“class1”=X，X是myfunction（X）的变量

例如：

函数myfunction（X）{
var list=document.getElementsByClassName（X，“class2”）；
var listAll=document.getElementsByClassName（“全部”）；
对于（var t=0；t只需使用

还可以使用eventListener和classList.toggle


document.getElementById（“sel”）.addEventListener（“单击”，函数（）{
forEach（el=>el.classList.toggle（“hide”，1））；
[…document.queryselectoral（“.class1.class2”）].forEach（el=>el.classList.toggle（“hide”，0））；
})
.hide{display:none}
单击仅选择class1 X 2
班级：1
类别：1 X 2
类别：2
只需使用

还可以使用eventListener和classList.toggle


document.getElementById（“sel”）.addEventListener（“单击”，函数（）{
forEach（el=>el.classList.toggle（“hide”，1））；
[…document.queryselectoral（“.class1.class2”）].forEach（el=>el.classList.toggle（“hide”，0））；
})
.hide{display:none}
单击仅选择class1 X 2
班级：1
类别：1 X 2
Class:2
接受一个单个参数，该参数是结果中每个元素必须具有的以空格分隔的类列表。因此：

var list = document.getElementsByClassName(X + " class2");
// −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−^^^^^^^^^^^^^

实例：


函数myfunction（X）{
var list=document.getElementsByClassName（X+“class2”）；
var listAll=document.getElementsByClassName（“全部”）；
for（var t=0；t接受一个单个参数，它是一个以空格分隔的类列表，结果中的每个元素都必须具有这些类。因此：

var list = document.getElementsByClassName(X + " class2");
// −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−^^^^^^^^^^^^^

实例：


函数myfunction（X）{
var list=document.getElementsByClassName（X+“class2”）；
var listAll=document.getElementsByClassName（“全部”）；
对于（var t=0；t这是一个很好的例子，非常感谢！如果我理解得很好，class2之前需要空间来匹配live HTML集合的列表样式？无论如何，谢谢，这是一个棘手的问题detail@Naga-这正是
getElementsByClassName
的工作方式，如果要在多个类上进行匹配，请列出其中包含空格的类：
.GetElementsByCassName（“class1 class2”）
。由于
X
没有空格，我将它包含在它后面的字符串中。（忽略字符串开头或结尾的空格。）这是一个很好的例子，非常感谢！如果我理解得很好，在class2之前需要空间来匹配live HTML集合的列表样式？无论如何，谢谢，这是一个棘手的问题detail@Naga-这正是
getElementsByClassName
的工作方式，如果要匹配多个类，请列出其中包含空格的类：
.getElementsByClassName（“class1 class2”）
。由于
X
没有空格，我将它包含在它后面的字符串中。（字符串开头或结尾的空格被忽略。）谢谢！不过我需要在函数（X）中使用这个X用于项目目的的样式。
X
现在是第二个示例中的数据属性谢谢！尽管我需要在函数（X）样式中使用此X用于项目目的。
X
现在是第二个示例中的数据属性