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

Posted 2023-05-09

【中文标题】如何使用查询选择器选择属性内的属性？

【英文标题】：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;