javascript - 无法从 +/- 框 DOM 元素中提取 "value"属性

Question

我想从允许用户选择我网站上特定项目的数量的选择框中提取“值”属性。

我是 Javascript 和 HTML 的新手。当我执行“检查元素”时，我可以看到元素中的属性

<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