document.querySelector複数の条件に基づいてアイテムを検索しますか？

Question

クラス名とデータ属性の組み合わせに基づいてdivを検索しようとしています。しかし、それは価値を返すようではありません。

var products = document.querySelector("div.productDisplay").querySelectorAll("[data-productId='" + id + "']"); 

Answer 1

最初の.querySelector()コールは、単一の要素のみを返します。それがquerySelectorAll()の呼び出しのセレクタと一致しない場合、要素は保留されません。

ような、単一のセレクタを使用してみてください：

var products = document.querySelector("div.productDisplay[data-productId='" + id + "']");