Question

我正在尝试从下面的输入中获取data-cart-item-id的值。但我无法做到。

<td>
<input
    id="qinput-xxx"
    data-link="http:xxxx"
    data-item-id="xxx"
    data-cart-item-id="xxxx"
    class="qty cart-item-quantity input-text" name=""
    value="1"
/>

<button id="qbutton-xxx"
        data-item-id="xxx"
        disabled="disabled"
        data-update
        data-cart-item-update
        class="button quantity-button">
    ok
</button>
</td>

我正在尝试使用以下代码，但我从中得不到任何内容。

document.querySelectorAll('data-cart-item-id')

Answer 1

由于input拥有自己独有的id，我建议您改用getElementById。然后，只需使用data-cart-item-id函数获取getAttribute属性值。

var elem = document.getElementById('qinput-xxx'),
    data = elem.getAttribute('data-cart-item-id');
    console.log(data);

<td>
  <input id="qinput-xxx" data-link="http:xxxx" data-item-id="xxx" data-cart-item-id="xxxx" class="qty cart-item-quantity input-text" name="" value="1" />
  <button id="qbutton-xxx" data-item-id="xxx" disabled="disabled" data-update data-cart-item-update class="button quantity-button">ok</button>
</td>

Answer 2

fetchuser不是标记名称。这是一个属性，因此请使用data-cart-item-id或input[data-cart-item-id]。

此外[data-cart-item-id]返回一个元素数组，因此您必须指定索引。

querySelectorAll

console.log(document.querySelectorAll('[data-cart-item-id]')[0].getAttribute('data-cart-item-id'));

Answer 3

例如，您必须按类名获取元素 qty类如果仅为产品指定，那么你将获得产品数组然后使用从0到元素长度的for循环然后在其中使用getAttribute（）函数，你将得到该属性值用你的代码。

从输入属性获取价值

3 个答案: