zoukankan      html  css  js  c++  java
  • h5小功能_classList和自定义属性data

    ###1.classList返回一个对象集

      通过obj.classList.add()或obj.classList.remove()可操作对象的class属性值

      classList.toggle( )    class属性值中存在则删除,不存在则添加  

    缺点: 需考虑兼容性,不兼容则需自行定义addClass和removeClass的js模块方法

    ###2.自定义属性

      自定义属性只有attribute

      但在属性前加data-   含有property

        该属性含dataset等方法

      eg:

        <input id="test" data-atguigu-abc="abc"/>

        var in = document.getElementById("#test")

        console.log(in.dataset.atguiguAbc)

      结果为: abc

    附加:  h5新增可编辑属性       contenteditable="true"     可编辑

  • 相关阅读:
    每周总结
    5月2日学习日志
    5月1日学习日志
    4月30日学习日志
    4月29日学习日志
    4月28日学习日志
    4月27日学习日志
    每周总结
    vue滚动插件BetterScroll
    vue 获取页面高度
  • 原文地址:https://www.cnblogs.com/john-hwd/p/10494435.html
Copyright © 2011-2022 走看看