html5 自定义属性

        <!--自定义属性
            1,data- 开头
            2,data- 后必须至少有一个字符,多个单词使用-连接
            建议:
            1,名称应该都使用小写,不要包含任何的大写字符
            2,名称中不要有任何的特殊字符
            3,名称不要使用纯数字
        -->
        
        
        <p data-my-name = "myname">自定义属性</p>
        
        <script>
            
            var p = document.querySelector("p");
            
            //获取自定义属性值
            //将data- 后面的单词使用驼峰命名法连接
            var value = p.dataset["myName"];
                
            console.log(value);
            
        </script>