Ich versuche mit document.querySelector ein Element zu finden, das mehrere Datenattribute hat:

<div class="text-right" data-point-id="7febe088-4eca-493b-8455-385b39ad30e3" data-period="current">-</div>

Ich dachte über so etwas nach:

document.querySelector('[data-point-id="7febe088-4eca-493b-8455-385b39ad30e3"] [data-period="current"]')

aber es funktioniert nicht. Es funktioniert jedoch gut, wenn ich das zweite Datenattribut in ein untergeordnetes Element wie @ setz

<div class="text-right" data-point-id="7febe088-4eca-493b-8455-385b39ad30e3"> <span data-period="current">-</span> </div>

Also, gibt es eine Option, um nach beiden Attributen gleichzeitig zu suchen? Ich habe verschiedene Optionen ausprobiert, aber ich verstehe es nicht.