document.querySelector() 组合 class 名称和属性

Question

如何在 document.querySelector() 调用中组合 class 名称和元素属性。

假设我的元素如下：

<div role="button" class="fj2rt Gdrwg"></div>

我想在 document.querySelector() 调用中同时传递 class 名称和属性 例如：

let btn = document.querySelector('.fj2rt.Gdrwg [role="button"]';

Answer 1

角色名称和 class 名称之间不需要 space。

所以document.querySelector('.fj2rt.Gdrwg [role="button"]';应该换成document.querySelector('.fj2rt.Gdrwg[role="button"]';。

我附上了工作示例。

let btn = document.querySelector('.fj2rt.Gdrwg[role="button"]');
console.log(btn); 

<div role="button" class="fj2rt Gdrwg"></div>