Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选择具有不同类的图元(不是一个图元具有多个类)_Javascript_Html - Fatal编程技术网

Javascript 选择具有不同类的图元(不是一个图元具有多个类)

Javascript 选择具有不同类的图元(不是一个图元具有多个类),javascript,html,Javascript,Html,我有两个类(Column和Column2),我希望以不同的方式对待它们,但在其他方面相同。我为每个类分别设置了样式,但是对于我想要处理的部分,我尝试使用GetElementsByCassName()来收集所有以column或column2作为类名的项。不过,我找不到一个方法来做到这一点。我可能只需要添加第三个类(“Columns”),这样就可以使用“Columns”类选择所有元素。我只是想知道除了在几百个div中添加第三个类之外,是否还有更简单的方法 我尝试过以下方法: var elements

我有两个类(Column和Column2),我希望以不同的方式对待它们,但在其他方面相同。我为每个类分别设置了样式,但是对于我想要处理的部分,我尝试使用GetElementsByCassName()来收集所有以column或column2作为类名的项。不过,我找不到一个方法来做到这一点。我可能只需要添加第三个类(“Columns”),这样就可以使用“Columns”类选择所有元素。我只是想知道除了在几百个div中添加第三个类之外,是否还有更简单的方法

我尝试过以下方法:

var elements = document.getElementsByClassName("column", "column2");
我能找到的所有信息都是用于选择具有多个类的元素,而不是具有不同类的多个元素。

这应该可以做到:

var elements = document.querySelectorAll(".column, .column2");

对于多个类,您可能希望研究如何使用
document.querySelectorAll()
以下是一个简单的示例,说明如何对多个类使用
querySelectorAll()
。我相信这就是你要寻找的,所以我希望这会有所帮助,如果你有任何问题,请随时提问……非常感谢,当我在寻找一种从多个类中选择项目的方法时,它从未出现过,它是如此简单:(如果你用谷歌搜索,@Ernesto的可能重复)“javascript选择具有不同类的多个元素”您将发现许多使用
querySelectorAll()的示例
在发布此评论时,感谢您的帮助,我很难知道要搜索哪些术语,而且该方法从未出现在我的搜索中。我花了3秒钟的时间来实现,效果完美。