無法從+/- box DOM元素中提取“value”屬性

Question

我想從選擇框中提取“值”屬性，允許用戶選擇我網站上特定項目的數量。

我是Javascript和HTML的新手。 當我做“Inspect Element”時，我可以在元素中看到屬性

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

但是，當我嘗試執行以下兩種方法之一時，Google跟蹤代碼管理器表示該變量undefined

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

要么

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

訂單交易網址是www.decathlon.in/order

Answer 1

querySelectorAll返回節點列表。 你需要：

• 從列表中按索引檢索相關元素：

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

• 使用querySelector只選擇一個元素：

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

Answer 2

既然您正在使用GTM，那么為什么不將它用於它的目的（這可以減輕您的編碼）？ 這是一個不需要代碼並使用GTM的內置DOM變量的解決方案：

您可以將其設置為基於input元素的CSS選擇器返回value屬性。