document.querySelectorAllで属性指定して配列化

Question

<dv data-a="aaa" data-b="bbb">という属性がついたdivがあったとします

下記ですとそのどちらかの属性が付いたものを配列化になってしまいます
document.querySelectorAll('[data-a],[data-b]');

二つ付いているもののみを配列化するにはどうしたらいいでしょうか

<dv data-a="aaa">1</div>
<dv data-a="aaa" data-b="bbb">2</div>
<dv data-b="bbb">3</div>

<script>
window.onload=function(){
p=document.querySelectorAll('[data-a]&[data-b]');//二つの属性を持ったものと合致するもののみ
alert(p.innerText);//2だけをとりたい
}
</script>

Answer 1

カンマいらへん

- document.querySelectorAll('[data-a],[data-b]');
+ document.querySelectorAll('[data-a][data-b]');

➡ サンプル

Comments

[退会済みユーザー]

わざわざありがとうございます。