如何获取以子字符串开头的所有elementID

如何获取以子字符串开头的所有elementID www.thinbug.com/q/43297446

 <div class="lists">
    <div class="list 1">
      <div id="productCheese">Cheese</div>
      <div id="productBread">Bread</div>
      <div id="productMilk">Milk</div>
      <div id="productEgg">Egg</div>
      <div id="addProduct">Add new product to list...</div>
    </div>
    <div class="list 2">
      etc...
    </div>
  </div>
  <script>
    var nodes = document.querySelectorAll('[id^=product]');
    console.log(nodes);
  </script>