HTML5-自定义标签
标签定义
>>建议:
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>转载至：https://www.cnblogs.com/Tobenew/p/10506278.html
正文到此结束
- 本文标签： JavaScript
- 版权声明： 本站原创文章，于2020年09月17日由赵恒发布，转载请注明出处