HTML 標簽里可以自定義屬性，但要考慮到瀏覽器兼容性的問題。

寫一段 HTML 代碼如下：

[html] view plain copy

在這個

標簽里，我們自定義了一個屬性 “myAttr” ，它的屬性值為 “testAttr” 。如果定義一個屬性卻不使用它，那么這個屬性是沒有任何意義的。接下來我們在 JavaScript 里來調用這個屬性：

[javascript] view plain copy

var test = document.getElementById(test);

alert(test.getAttribute('myAttr'));

test.setAttribute('myAttr', 'newAttr')

alert(test.getAttribute('myAttr'));

經過測試，以上這段代碼在所有瀏覽器里都有效。運行后會依次彈出 “testAttr” 和 "newAttr" 。

在 IE 5-8 里，以下代碼也可以使用：

[javascript] view plain copy

var test = document.getElementById(test);

alert(test.myAttr);

test.myAttr = 'newAttr';

alert(test.myAttr);

以上代碼運行后會依次彈出 "testAttr" 和 "newAttr" 。

當然，使用 jQuery 也可以做到全部兼容：

[javascript] view plain copy

alert(

$("#test").attr("myAttr")

);

$("#test").attr("myAttr", "newAttr");

alert(

$("#test").attr("myAttr")

);

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

總結

以上是生活随笔為你收集整理的html 自定义字段,HTML 标签自定义属性的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。