javascript - 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 is not defined

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

我做错了什么？

标签： javascript

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