JavaScript 获取元素的 data-*

Question

我有这个元素:

<input id="ider" data-orderid="100" type="text" class="form-control" value="ABCDEF">

我想获取输入的data-orderid:

orderId = document.getElementById("ider").data-orderid;

执行时出现此错误:orderid 未定义

如果我在 Chrome 控制台中执行 $(ider)，我可以在属性列表中找到 orderid

我做错了什么？

Answer 1

你就快到了! 检查正确的语法:

string = element.dataset.camelCasedName;
element.dataset.camelCasedName = string;

string = element.dataset[camelCasedName];
element.dataset[camelCasedName] = string;

在你的情况下，它是:

orderId = document.getElementById("ider").dataset.orderid;

或

orderId = document.getElementById("ider").dataset['orderid'];

来源:https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset