h5小功能 classList和自定義屬性data

2022-03-26 09:52:12 字數 409 閱讀 7961

###1.classlist返回乙個物件集

通過obj.classlist.add()或obj.classlist.remove()可操作物件的class屬性值

classlist.toggle( )    class屬性值中存在則刪除,不存在則新增  

缺點: 需考慮相容性,不相容則需自行定義addclass和removeclass的js模組方法

###2.自定義屬性

自定義屬性只有attribute

但在屬性前加data-   含有property

該屬性含dataset等方法

eg:var in = document.getelementbyid("#test")

console.log(in.dataset.atguiguabc)

結果為: abc

H5新增屬性classList

h5中新增了乙個classlist,原生js可以通過它來判斷獲取dom節點有無某個class。classlist是html元素物件的成員,它的使用非常簡單,比如 console.log document.body.classlist 目前已知classlist api有length,item,add...

h5 開發分享功能

方式一 js html h5plus 1.html 分享網頁 2.js var shares null var sweixin null var buttons h5 plus事件處理 function plusready if window.plus else 1.更新分享服務 根據授權,通過ge...

H5上傳功能

遇到的問題 關於ajaxfileupload上傳,success和error都觸發的情況,具體描述摘選自安慕希 移動端上傳太大3m左右失敗率比較高,上傳前沒有做壓縮導致失敗率比較高 開發者暫時對這個工具不維護了,使用過的大佬發布的文章 開發者暫時對這個工具不維護了,使用可以參考diyupload一起...