document.querySelector múltiples atributos de datos en un elemento
Estoy tratando de encontrar un elemento con document.querySelector que tenga múltiples atributos de datos:
<div class="text-right" data-point-id="7febe088-4eca-493b-8455-385b39ad30e3" data-period="current">-</div>
Pensé en algo como esto:
document.querySelector('[data-point-id="7febe088-4eca-493b-8455-385b39ad30e3"] [data-period="current"]')
Pero no funciona. Sin embargo, funciona bien, si pongo el segundo atributo de datos en un elemento secundario como
<div class="text-right" data-point-id="7febe088-4eca-493b-8455-385b39ad30e3"> <span data-period="current">-</span> </div>
Entonces, ¿hay una opción para buscar ambos atributos a la vez? He probado varias opciones pero no lo entiendo.