Nie można wyodrębnić atrybutu "wartość" z pola +/- DOM DOM

Question

Chcę wyodrębnić atrybut "wartość" z pola wyboru, który umożliwia użytkownikom wybranie liczby ilości konkretnego elementu na mojej stronie internetowej.

Jestem początkującym zarówno dla JavaScript, jak i HTML. Kiedy zrobić „Zbadaj element” Widzę atrybut w elemencie

<input size="2" type="text" autocomplete="off" class="cart_quantity_input form-control grey" value="2" name="quantity_8329349_28095_0_12035"> 

Ale gdy próbuję wykonać jedną z następujących dwóch, Menedżer tagów Google mówi, że zmienna jest undefined

document.querySelectorAll("input.cart_quantity_input.form-control.grey").value 

OR

document.querySelectorAll("input.cart_quantity_input.form-control.grey").getAttribute("value") 

URL transakcja zamówienie jest www.decathlon.in/order

Answer 1

querySelectorAll zwraca listę węzłów. Musisz albo:

• pobierania danego elementu o indeksie z listy:

  document.querySelectorAll("input.cart_quantity_input.form-control.grey")[0].value 
  

• korzystanie querySelector wybrać tylko jeden element:

  document.querySelector("input.cart_quantity_input.form-control.grey").value 
  

Answer 2

Rejestracja używasz Menedżera tagów Google, dlaczego nie używać go do tego, do czego został przeznaczony (co ma na celu nieco zwolnić Cię z kodowania)? Oto rozwiązanie, które nie wymaga kodu i wykorzystuje GTM wbudowanej zmiennej DOM:

Można ustawić go do powrotu atrybut value podstawie selektora CSS dla elementu input.