js元素物件的自定義屬性

2021-08-21 17:04:30 字數 999 閱讀 6786

html標籤的屬性可分為html自帶屬性和自定義屬性

html自帶的屬性又分為通用屬性和專用屬性,例如id,class,title是通用屬性,src,href是專用屬性

html標籤還可以新增自定義屬性

對於自定義屬性,瀏覽器在解析頁面時會忽略這些屬性

在html標籤中新增的屬性叫做標籤屬性

找到這個元素物件,通過打點訪問的屬性是這個物件的屬性。

這兩種屬性有關聯,但是不相等

對於大部分的標籤屬性們都可以通過同名的物件屬性來設定如:

var box = document.getelementbyid("box");

box.title= "懸停之後顯示的提示內容";

除了這大部分屬性之外,其他的屬性(包括所有自定義屬性),都不能通過物件打點新增。

通過物件打點新增的屬性,僅僅是這個元素物件的屬性,並不能設定帶標籤上.

如:

box.first = "第乙個屬性";

console.log(box);

在f12除錯模式的控制台可以找到first屬性,但檢視器裡id為box的這個標籤並沒有這個屬性

通過js給標籤新增自定義屬性有專門的寫法。

setattribute,為元素新增標籤屬性,不管是自定義屬性還是html自帶的屬性都可以通過這種方式設定。第乙個引數是屬性名,第二個引數是屬性值(屬性的值只能是字串)

box.setattribute("first","通過setattribute新增的自定義屬性");
getattribute,獲得元素物件的某個標籤屬性(自定義和自帶屬性都可以),慘呼是要獲取的屬性的名字,返回值是獲取的屬性值

var t1 = box.getattribute("title");

console.log(t1);

js自定義屬性

1 js中設定自定義屬性。例如 div info attr testattr3 houhou 結果 給div設定了新的自定義屬性testattr3,值為houhou 2 js中獲取自定義屬性值。例如 div info attr testattr 結果 取到testattr的值為 myattr 3 j...

js自定義屬性

1 js中設定自定義屬性。例如 div info attr testattr3 houhou 結果 給div設定了新的自定義屬性testattr3,值為houhou 2 js中獲取自定義屬性值。例如 div info attr testattr 結果 取到testattr的值為 myattr 3 j...

js 自定義屬性

自定義屬性操作 1.獲取屬性值 區別 2.設定屬性值 區別 3.移除屬性 h5自定義屬性 1.h5規定自定義屬性 2.獲取h5自定義屬性 1.相容性獲取 element.getattribute data index 2.h5新增 elemen.dataset.index 或者 element.da...