HTML標簽自定義屬性

自定義屬性一般是我們用來存儲數據或是相關依據的，根據實際情況，自定義屬性其實很有用的。

HTML標簽可以自定義屬性，但是我們要考慮其在IE、Firefox以及chrome下的兼容性問題。例如：

　　<div id="newTest" myAttr="getAttr"></div>這里的“myAttr”就是這個標簽的自定義屬性了。

在IE瀏覽器里，我們通過獲取對象后直接調用就可以了

　　document.getElementById("newTest").myAttr;

在IE瀏覽器里，我們同樣可以對其直接賦值而動態產生一個自定義屬性：

　　document.getElementById("newTest").newAttr = "new";

在火狐和谷歌瀏覽器里，我們可以通過getAttribute方法來實現調用：

　　document.getElementById("newTest").getAttribute("myAttr");

　　在火狐和谷歌瀏覽器里，我們可以通過setAttribute方法在產生並設置一個自定義屬性：

　　document.getElementById("newTest").setAttribute("newAttr","new");

另外補充一點，如果不想做兼容判斷，其實我們可以使用Jquery的attr方法來獲取與設置自定義屬性的值，目前測試結果是全兼容。

1. $("#newTest").attr("myAttr");
2. $("#newTest").attr("newAttr","new");