html標籤的屬性可分為html自帶屬性和自定義屬性
html自帶的屬性又分為通用屬性和專用屬性,例如id,class,title是通用屬性,src,href是專用屬性
html標籤還可以新增自定義屬性
對於自定義屬性,瀏覽器在解析頁面時會忽略這些屬性
在html標籤中新增的屬性叫做標籤屬性
找到這個元素物件,通過打點訪問的屬性是這個物件的屬性。
這兩種屬性有關聯,但是不相等
對於大部分的標籤屬性們都可以通過同名的物件屬性來設定如:
除了這大部分屬性之外,其他的屬性(包括所有自定義屬性),都不能通過物件打點新增。var box = document.getelementbyid("box");
box.title= "懸停之後顯示的提示內容";
通過物件打點新增的屬性,僅僅是這個元素物件的屬性,並不能設定帶標籤上.
如:
在f12除錯模式的控制台可以找到first屬性,但檢視器裡id為box的這個標籤並沒有這個屬性box.first = "第乙個屬性";
console.log(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...