无法从+/- 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