H5 自定義資料屬性

2022-08-26 19:42:11 字數 587 閱讀 7415

​ html5規定可以為元素新增非標準的屬性,但要新增字首data-,目的是為元素提供與渲染無關的資訊,或者提供語義資訊。

​ 新增自定義屬性之後,可以通過元素的dataset屬性來訪問自定義屬性的值。dataset屬性的值是domstringmap(物件)的乙個例項。

var mydiv = document.queryselector('#mydiv');

//取得自定義屬性的值

var myname = mydiv.dataset['myname'];

//設定自定義屬性的值

mydiv.dataset['myname'] = "michael";

支援自定義屬性的瀏覽器有ie11+、firefox6+和chrome。相容性不是很好。

jquery提供了乙個方法data(obj)可以使用

//獲取自定義屬性的值

//設定自定義屬性的值

$('#mydiv').data();

自定義h5 鍵盤

結果示意圖如下 1.父元件 father.vue content weixin title 巨集達超市 inputform formtitle 消費金額 importform moneyicon importmoney cursor v show cursor style moneyinfo typ...

關於H5的自定義屬性data

data 是h5的新屬性,用來讓開發者對標籤新增自定義屬性的。其讀寫方式有如下幾種 如果是data abc的格式,則採用正常格式abc來讀寫該屬性值 html5 data 自定義屬性 age 原生 js 方式讀寫 var content document.getelementbyid content...

關於H5的自定義屬性data

data 是h5的新屬性,用來讓開發者對標籤新增自定義屬性的。其讀寫方式有如下幾種 如果是data abc的格式,則採用正常格式abc來讀寫該屬性值 html5 data 自定義屬性 age 原生 js 方式讀寫 var content document.getelementbyid content...