DOM擴充套件 自定義屬性

2021-10-21 06:45:07 字數 1044 閱讀 6405

>

let div = document.

getelementbyid

("mydiv");

console.

log(div.dataset)

;// domstringmap

// myname: "michael"

// active屬性沒有

let div = document.

getelementbyid

("mydiv");

// 取得自定義資料屬性的值

let myname = div.dataset.myname;

// data-myname

// 設定自定義資料屬性的值

23456

;div.dataset.myname =

"michael"

;// 有"myname"嗎?

if(div.dataset.myname)`)

;}

這裡可能有人會對myname有點疑惑,我的自定義屬性名不是寫了data-myname嗎, 那domstringmap儲存的屬性名不應該是myname嗎?我的小寶貝啊,這是因為瀏覽器在讀取屬性時會把所有的所有的字母都轉換成小寫呀!所以在寫自定義屬性時不同的英文單詞最好用』-'連線,不要用駝峰了。

console.

log(

$(div)

.data()

);// 23456

$(div)

.data(,

'id02');

console.

log(

$(div)

.data()

);// id02

『data-』開頭告訴瀏覽器本屬性是自定義的,這是一種**的規範。

在實際程式設計中,還是盡量按照dom的自定屬性語法規範來寫,這樣也能讓別人一眼就知道這個屬性是你自己定義的,而不會懷疑這個是不是我不認識的html專有屬性,然後就猜它的功能,哈哈哈

擴充套件控制項 自定義屬性

給控制項自定義屬性,一般情況 方式1 public class customcontrol webcontrol set 最近也在簡單重寫一些控制項屬性,發現了一些問題,如上所述的自定義屬性有一點缺陷 因為.net控制項都會有個 dopostback問題,所以當這個屬性不是在html頁面上寫死的值,...

自定義屬性

html view plain copy html head meta charset utf 8 title 自定義屬性 title script window.onload function script head body input type button value 按鈕 input ty...

自定義屬性

xmlns wen android orientation vertical android layout width fill parent android layout height wrap content 第二行是自定義標籤。格式如上,其中 xmlns wen 冒號後面是標籤名,在下面使用時...