關於html自定義屬性

2022-09-04 08:45:09 字數 1061 閱讀 8252

今天在研究乙個ssh專案時發現乙個問題,就是html裡面自定義屬性問題:

我在js中獲取自定義屬性是這樣  $(obj).myid  來獲取內容另乙個id值的,然後發現在谷歌下怎麼執行都是報 undefined  。拿ie試了一試,居然沒有錯,上網搜了一下,發現這篇文

章,共享一下。改成$(obj).getattribute("myid")解決相容性問題。

原文如下:

html標籤可以自定義屬性,但是我們要考慮其在ie、firefox以及chrome下的相容性問題。

例如:這裡的「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");

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

測試瀏覽器:ie8,firefox 8.01,chrome 17.0.963.46 m

測試結果:能夠獲取到自定義屬性

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

$("#newtest").attr("myattr");

$("#newtest").attr("newattr","new");

HTML標籤自定義屬性

html標籤可以自定義屬性,但是我們要考慮其在ie firefox以及chrome下的相容性問題。例如 複製 這裡的 myattr 就是這個標籤的自定義屬性了。如果定義了屬性卻使用不了,那麼這個屬性就沒有任何意義了,接下來就是如何去呼叫我們的自定義屬性的值了。在ie瀏覽器裡,我們通過獲取物件後直接呼...

HTML標籤自定義屬性

html標籤可以自定義屬性,但是我們要考慮其在ie firefox以及chrome下的相容性問題。例如 複製 這裡的 myattr 就是這個標籤的自定義屬性了。如果定義了屬性卻使用不了,那麼這個屬性就沒有任何意義了,接下來就是如何去呼叫我們的自定義屬性的值了。在ie瀏覽器裡,我們通過獲取物件後直接呼...

html標籤自定義屬性

html標籤中可以自定義屬性,但對屬性的操作在不同的瀏覽器下存在相容性的問題。如下 此時,id和name是div標籤系統的屬性,open是自定義屬性。如果對div標籤操作,取name和open屬性的值時。在ie下可以如下操作 document.getelementbyid unique name d...