如何使用查询选择器选择属性内的属性？答案

【问题标题】：How to select the attribute that inside an attribute using queryselector?如何使用查询选择器选择属性内的属性？
【发布时间】：2021-01-31 21:36:40
【问题描述】：

我想学习如何选择包含单词“组”的href。 href 在role="present" 的下方或内部。请更正我的代码

document.querySelectorAll("[role=article[href*="groups"]]")[1].innerHTML;

【问题讨论】：

问题是由于您的报价不匹配。使用单引号分隔外部字符串和其中的双引号：querySelectorAll('[role=article[href*="groups"]]')。我还建议您使用带有语法突出显示的编辑器来使此类错误易于查看。
看起来你需要从双引号切换到单引号。 in 语法突出显示清楚地表明了这一点。
请同时显示您正在查询的 HTML。
选择器应该是"[role=article] [href*='groups']"

【解决方案1】：

反引号 "`" 允许 ${} 访问变量...另一种方法是将字符串连接在一起。

document.querySelectorAll(`[role=article[href*=${groups}]]`)[1].innerHTML;

【讨论】：