jq獲取h5的自定義data 屬性的問題

2021-08-11 04:18:35 字數 474 閱讀 1165

1、設定data-屬性

jq:$('.name').data('name',name)

js:document.getelementbyid('name').dataset.name = name;

2、獲取data-屬性

jq:$('.name').data('name')

js:document.getelementbyid('name').dataset.name

如果使用jq設定,檢查元素時不會看見設定成功,實際上已經設定成功,此時用jq的獲取方法獲取屬性就可以獲取到,使用原生js的獲取方法獲取不到data-屬性的值。

使用原生js方法設定data-屬性的值,檢查元素發現已經設定成功,獲取時也同樣使用js原生的方法進行獲取,如果使用jq方法獲取data-屬性值就會獲取出現乙個問題,第一次能準確獲取到data-屬性的值,但之後再次用js原生方法替換原來的值後用jq方法去獲取,每次獲取的值都是第一次獲取的值,值不會改變。

關於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...

自定義h5 鍵盤

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