时间戳

首页 > 解决方案 > document.querySelector() 结合类名和属性

javascript - document.querySelector() 结合类名和属性

问题描述

如何在 document.querySelector() 调用中结合类名和元素属性。

假设我的元素如下：

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

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

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

标签： javascriptcssqueryselector

解决方案

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

所以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>

推荐阅读