javascript - 选择具有不同类的元素(不是一个元素具有多个类)

标签 javascript html

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

我试过这样的事情:

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

我能找到的所有信息都是关于选择具有多个类的元素,而不是具有不同类的多个元素。

最佳答案

应该这样做:

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

关于javascript - 选择具有不同类的元素(不是一个元素具有多个类),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52682946/

相关文章:

javascript - JQuery使用输入文本预选下拉框

html - 如何使固定导航与窗口顶部齐平

css - 在 div 中放置一个文本框和一个按钮

javascript - 按距离优化路线

javascript - 如何修改程序以输出方程的总和

javascript - 当元素出现在屏幕上时如何启动动画?

javascript - 像 Google Material 网站一样的 CSS 过渡动画

javascript - 使用 javascript/jquery 动态创建 div

javascript - 如何使用 javascript 验证 jsp 表单(提交时)中的多个文本框?

html - 为什么要为 HTML 表单而不是表格使用定义列表(DL、DD、DT)标签?