我试图找到一个document.querySelector具有多个数据属性的元素：
<div class="text-right" data-point-id="7febe088-4eca-493b-8455-385b39ad30e3" data-period="current">-</div>
我想到了这样的事情：
document.querySelector('[data-point-id="7febe088-4eca-493b-8455-385b39ad30e3"] [data-period="current"]')
但这是行不通的。
但是，如果我将第二个数据属性放在一个子元素中，则效果很好：
<div class="text-right" data-point-id="7febe088-4eca-493b-8455-385b39ad30e3"> <span data-period="current">-</span> </div>
因此，是否可以选择一次搜索两个属性？
我尝试了几种选择，但我不明白。
2个选择器之间不应有空格
document.querySelector('[data-point-id="7febe088-4eca-493b-8455-385b39ad30e3"][data-period="current"]')
如果在它们之间留一个空格，它将成为后代选择器，即它将搜索元素data-period="current"内部的元素属性，data-point-id="7febe088-4eca-493b-8455-385b39ad30e3"例如
<div class="text-right" data-point-id="7febe088-4eca-493b-8455-385b39ad30e3">
<div data-period="current">-</div>
</div>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句