自定義屬性語法以data-開頭: 無論你這樣寫data-info="..."還是這樣寫data-INFO="...",獲取值的時候都是這樣: 獲取: . ...
背景 HTML 中增加了很多屬性,我們使用 data 屬性來嵌入自定義數據。也就是說這個data 是可以用來存儲數據的,data 的后面緊跟自己起的一個變量名,然后后面賦予一個值,這個值就會被存儲起來。然后獲取數據通過js來實現。 用法 HTML標簽中使用data 屬性嵌入數據 js中獲取 獲取方式一:通過dataset.XXX獲取 獲取方式二:通過getAttribute XXX 獲取 Next ...
2020-01-06 20:26 0 1056 推薦指數:
自定義屬性語法以data-開頭: 無論你這樣寫data-info="..."還是這樣寫data-INFO="...",獲取值的時候都是這樣: 獲取: . ...
在jQuery的attr與prop提到過在IE9之前版本中如果使用property不當會造成內存泄露問題,而且關於Attribute和Property的區別也讓人十分頭痛,在HTML5中添加了data-*的方式來自定義屬性,所謂data-*實際上上就是data-前綴加上自定義的屬性名,使用 ...
data-* 是H5的新屬性,用來讓開發者對標簽添加自定義屬性的。 其讀寫方式有如下幾種: 如果是 data-abc 的格式,則采用正常格式 abc 來讀寫該屬性值 <div id="content" data-age="18">html5 ...
一、基本概念 在HTML5中添加了data-*的方式來自定義屬性,所謂data-*實際上上就是data-前綴加上自定義的屬性名,使用這樣的結構可以進行數據存放。使用data-*可以解決自定義屬性混亂無管理的現狀。 二、原生js中自定義屬性 1,設置自定義屬性 設置 ...
HTML5 增加了一項新功能是 自定義數據屬性 ,也就是 data-* 自定義屬性。在HTML5中我們可以使用以 data- 為前綴來設置我們需要的自定義屬性,來進行一些數據的存放。當然高級瀏覽器下可通過腳本進行定義和數據存取。在項目實踐中非常有用。 在開始之前我們先來看下之前 ...
HTML5 增加了一項新功能是 自定義數據屬性 ,也就是 data-* 自定義屬性。在HTML5中我們可以使用以 data- 為前綴來設置我們需要的自定義屬性,來進行一些數據的存放。當然高級瀏覽器下可通過腳本進行定義和數據存取。在項目實踐中非常有用。 在開始之前我們先來看下 ...
在jQuery的attr與prop提到過在IE9之前版本中如果使用property不當會造成內存泄露問題,而且關於Attribute和Property的區別也讓人十分頭痛,在HTML5中添加了data-*的方式來自定義屬性,所謂data-*實際上上就是data-前綴加上自定義的屬性名,使用 ...
//獲取自定義屬性值 <div id="text" dataObj="我是自定義屬性"><div> JQUERY取值:$("#text").attr("dataObj"); 輸出:我是自定義屬性 //獲取data-*值 <div id="text ...