Javascript 自定义属性

我想获得自定义属性的值。例如，对于此：

<div style="-my-data:3;" id="foo" ></div>

但它不起作用。我该怎么办？

您应该改用：

---

这是小提琴：

---

p.S.即使它是HTML5的一部分，它仍然可以在较旧的浏览器中使用。它只是在HTML5中被标准化了。

您应该使用：

---

这是小提琴：

---

---

p.S.即使它是HTML5的一部分，它仍然可以在较旧的浏览器中使用。它只是在HTML5中标准化的。

使用html数据属性：

<div data-style="3" id="foo"></div>

---

要检索信息，请使用html数据属性：

<div data-style="3" id="foo"></div>

要检索信息，请使用：

HTML：

<div data-myval="3" id="foo" ></div>​

请参阅。

使用：

HTML：

<div data-myval="3" id="foo" ></div>​

---

请参阅。

可能重复使用jQuery？尽管它有一个

data（）

方法……我还是写

？@user1365010我不确定每个浏览器都会用“-my data”替换“myData”。您最好使用document.getElementById（“foo”）.style[“-my data”]它也不起作用：可能重复使用jQuery？尽管它有一个

data（）

方法……我还是写

？@user1365010我不确定每个浏览器都会用“-my data”替换“myData”。您最好使用document.getElementById（“foo”）.style[“-my data”]它也不起作用：使用jquery时等效：$（'#foo'）。使用jquery时等效数据（'myDataName'）。使用jquery时等效数据（'myDataName'）。数据（'myDataName'））

document.getElementById("foo").getAttribute("data-style");

<div data-myval="3" id="foo" ></div>​

alert(document.getElementById("foo").getAttribute('data-myval'));​