Ich möchte einen JS-Code, der eine Reihe von Listenelementen durchläuft und für jedes Listenelement einen eindeutigen Attributwert (in diesem Fall die href) speichert und ihn dann in ein anderes innerhalb desselben Listenelements einfügt. Innerhalb eines Elements (in in diesem Fall die Schaltfläche). Mein aktueller JS-Code funktioniert nur für das erste Listenelement, nicht für die gesamte Serie. Kann mein Ansatz optimiert werden oder muss er geändert werden?

<li class="productgrid--item">
  <a class="productitem--image-link" href="www.link_one.com">link one</a>
  <button class="atc-button--text">button one</button>
</li>
<li class="productgrid--item">
  <a class="productitem--image-link" href="www.link_two.com">link two</a>
  <button class="atc-button--text">button two</button>
</li>
<li class="productgrid--item">
  <a class="productitem--image-link" href="www.link_three.com">link three</a>
  <button class="atc-button--text">button three</button>
</li>

document.querySelectorAll('.productgrid--item').forEach(function(node) {
  var anchorHref = document.querySelector('.productitem--image-link').getAttribute('href');
  var addToCart = document.querySelector('.atc-button--text');
  addToCart.setAttribute('data', anchorHref);
});