无法提取＆＃34;价值＆＃34;来自+/- box DOM元素的属性

Question

我想提取＆＃34;值＆＃34;选择框中的属性允许用户选择我网站上特定项目的数量。

我是Javascript和HTML的新手。当我做一个＆＃34;检查元素＆＃34;我可以在元素中看到属性

<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

OR

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变量的解决方案：

您可以将其设置为根据value元素的CSS选择器返回input属性。