HTML自定義屬性在Chrome中不起作用

Question

使用HTML自定義屬性時，它不適用於Chrome。

我的意思是，假設我有這樣的HTML：

<div id="my_div" my_attr="1"></div> 

如果我試圖讓在Chrome的JavaScript這個屬性，我得到未定義

alert(document.getElementById("my_div").my_attr); 

在IE中工作得很好。

Answer 1

通過的getAttribute（）檢索它：

alert(document.getElementById("my_div").getAttribute("my_attr")); 

工作正常，我整個IE，FF和鉻。

Answer 2

IE是關於唯一的瀏覽器，我看到不符合HTML DTD架構的榮譽屬性。

http://www.webdeveloper.com/forum/showthread.php?t=79429

不過，如果你願意寫一個自定義的DTD，就可以得到這個工作。

這是一個很好的文章入門下來那個方向：

• http://www.alistapart.com/articles/scripttriggers/

Answer 3

你宣佈你的頁面符合XHTML標準？如果你願意，你不能爲元素添加新的屬性。我的理解是有辦法（畢竟，ASP.NET成功了），但是你必須發佈各種gunk（自定義模式？）。我不熟悉細節。

Answer 4

對Safari有同樣的問題，並使用getAttribute（..）取得了魔法。它看起來像跨瀏覽器兼容。這裏是不錯的文章http://www.javascriptkit.com/dhtmltutors/customattributes.shtml