document.querySelector结合了类名和属性

如何解决document.querySelector结合了类名和属性

如何在document.querySelector（）调用中同时组合类名和元素属性。

假设我的元素如下：

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

我想在document.querySelector（）调用中同时传递类名和属性 例如：

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

解决方法

角色名称和类名称之间不需要空格。

因此，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>