zoukankan      html  css  js  c++  java
  • HTML5---14.自定义标签

    定义
    data- 开头
    data- 后必须至少有一个字符
    建议:
    1.名称应该都使用小写--不要任何的大写字符
    2.名称中不要有任何的特殊符号
    3.名称不要副作用纯函数

    <script src="https://code.jquery.com/jquery-3.3.1.js"integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="crossorigin="anonymous"></script>
    <body>
        <p data-school-name="To">我是Tobenew</p>      
    </body>
    <script>
         window.onload=function(){
             var p=document.querySelector("p");
             //获取自定义属性值
             //将data后面的单词使用驼峰(camel)命名法连接,不然有可能无法获取到值
    
             //第一种:html5中新增的获取自定义属性值的用法
             console.log(p.dataset);//输出的是一个对象
             console.log(p.dataset["schoolName"]);//输出的是自定义属性值
             console.log(p.dataset.schoolName);
            //第二种:jQuery中获取自定义属性值的写法
            console.log($("p").attr("data-school-name"));
            //第三种:原生dom获取自定义属性值的写法
            console.log(p.getAttribute("data-school-name"));
            
         }
    </script>
    

    以下为浏览器输出结果:

  • 相关阅读:
    Redis主从复制及主从复制的注意事项
    Redis哨兵(Sentinel)
    Redis慢查询日志(slowlog)
    Memcached缓存雪崩现象
    PHP添加Memcached扩展
    Redis节省空间
    Memcached遇到的问题及解决办法
    C++ explicit关键字学习
    力扣:排序之topK||Kth元素的问题
    软聚类
  • 原文地址:https://www.cnblogs.com/Tobenew/p/10506278.html
Copyright © 2011-2022 走看看