Javascript 从输入属性获取值

Javascript 从输入属性获取值,javascript,html,Javascript,Html,我试图从下面的输入中获取数据购物车项目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-xx

我试图从下面的输入中获取数据购物车项目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>
由于输入有自己的唯一id,我建议您改用getElementById。然后,只需使用getAttribute函数获取其数据购物车项目id属性值

var elem=document.getElementById'qinput-xxx', data=elem.getAttribute'data-cart-item-id'; 控制台日志数据; 好啊 由于输入有自己的唯一id,我建议您改用getElementById。然后,只需使用getAttribute函数获取其数据购物车项目id属性值

var elem=document.getElementById'qinput-xxx', data=elem.getAttribute'data-cart-item-id'; 控制台日志数据; 好啊 数据购物车项目id不是标记名。它是一个属性,因此请使用输入[data cart item id]或[data cart item id]

此外,querySelectorAll重新运行元素数组,因此必须指定索引

console.logdocument.querySelectorAll'[data cart item id]'[0].getAttribute'data-cart-item-id'; 好啊 数据购物车项目id不是标记名。它是一个属性,因此请使用输入[data cart item id]或[data cart item id]

此外,querySelectorAll重新运行元素数组,因此必须指定索引

console.logdocument.querySelectorAll'[data cart item id]'[0].getAttribute'data-cart-item-id'; 好啊
例如,您必须按类名获取元素
qty类如果仅为产品指定,则您将获得产品数组,然后使用从0到元素长度的for循环,然后在其中使用getAttribute函数,您将获得该属性值,并使用它编写代码。

例如,您必须按类名获取元素
qty类如果仅为products指定,则您将获得products数组,然后使用从0到元素长度的for循环,然后在其中使用getAttribute函数,您将获得该属性值,并对其执行代码。

您的意思是无法从querySelectorAll获取元素?您需要将数据属性名称放在括号中,如:document.querySelectorAll“[data cart item id]”您的意思是无法从querySelectorAll获取元素?您需要将数据属性名称放在括号中,如:document.querySelectorAll“[data cart item id]”这将返回1,而不是xxx-更改为getAttribute的属性的值。现在试试@FiliperMiniano谢谢你的回答!这将返回1,而不是xxx-更改为getAttribute的propertychanged的值。现在试试@FiliperMiniano谢谢你的回答!
document.querySelectorAll('data-cart-item-id')