javascript - 从输入属性中获取值

标签 javascript html

<分区>

我正在尝试从下面的输入中获取 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')

最佳答案

因为 input 有它自己唯一的 id,我建议你改用 getElementById。然后,通过getAttribute 函数获取它的data-cart-item-id 属性值。

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>

关于javascript - 从输入属性中获取值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43033944/

相关文章:

javascript - 如何将具有相同类的所有元素拖到元素中?

php - SQL 数据 : HTML Table display of column data containing multiple rows

javascript - 根据值更新水位

html - 使用 powershell 单击网页上的链接,然后传递凭据

javascript - 使用递归的加权作业调度

javascript - 带有联系人下拉菜单的联系表格

javascript - 删除 HTML 文件中的一些文本数据

javascript - 如何给所有 anchor 标签设置点击事件,并用less脚本显示相关div?

html - 如何去掉标题上的空白区域和图像所在的位置?

java - 即使我没有编写要记住的代码,多选框中的选定值也会在第二次加载弹出窗口时被记住