Javascript 获取查询选择器所有多个条件

Javascript 获取查询选择器所有多个条件,javascript,css-selectors,Javascript,Css Selectors,我想得到包含类菜单项链接和mk图像链接的所有a元素。下面的表达式正确吗 a[class*="menu-item-link"], a[class*="mk-image-link"] 没有选择任何内容,因此我想没有: 谢谢你的帮助 致以最良好的祝愿, Anton您必须执行此“a.menu-item-link,a.mk-image-link”,它将检查a是否具有此类 const selected=document.queryselector all'a.menu-item-link,a.mk-im

我想得到包含类菜单项链接和mk图像链接的所有a元素。下面的表达式正确吗

a[class*="menu-item-link"], a[class*="mk-image-link"]
没有选择任何内容,因此我想没有:

谢谢你的帮助

致以最良好的祝愿, Anton

您必须执行此“a.menu-item-link,a.mk-image-link”,它将检查a是否具有此类

const selected=document.queryselector all'a.menu-item-link,a.mk-image-link' const selected2=document.queryselectoral'a.menu-item-link.js-smooth-scroll,a.mk-image-link.js smooth-scroll' console.logselected console.logselected2 允许选择器分组

请注意,它将选择具有指定类名的所有元素,因此不需要通配符。i、 e.如果您的目标是菜单项链接和mk图像链接,下面的链接应该适合您

因此,您可以尝试以下方法:

var elements=document.querySelectorAlla[class~='menu-item-link'],一个[class~='mk-image-link'];//或 elements=document.querySelectorAlla.menu-item-link,a.mk-image-link;//两个选择是否相同 elements.forEachfunctionelement、索引、数组{ element.style.backgroundColor=999; };
谢谢@Maciej Kozieja:如果菜单项链接只是“菜单项链接js平滑滚动”的一部分,会是什么样子。所以我想选择所有包含“菜单项链接”的内容。我必须使用通配符吗?@Toni2708给出有问题的examle html,这样它将是一个.menu-item-link.js-smooth-scroll,一个.mk-image-link?谢谢,对了,但是如果part.js smooth-scroll动态更改怎么办?我已经了解了如何使用一个选择器a[class*=菜单项链接]来实现这一点。我想用另一个选择器做同样的事情,并将它们连接到一个QuerySelector all语句中,就像在第一个示例中一样。谢谢!您使用的选择器字符串不可能不返回任何元素。此外,你使用属性选择器而不是像普通人那样使用类选择器有什么原因吗?