html5自定义属性作用,html5自定义属性：如何获取自定义属性值（附代码）

这篇文章给大家介绍的内容是关于html5自定义属性：如何获取自定义属性值(附代码)，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

自定义属性：

在HTML5中我们可以自定义属性，其格式如下data-*=""，例如：data-info="我是自定义属性"，通过Node.dataset['info'] 我们便可以获取到自定义的属性值。

当我们如下格式设置时，则需要以驼峰格式才能正确获取：data-my-name="itcast"，获取Node.dataset['myName']

Title

传智播客

window.οnlοad=function(){

var p=document.querySelector("p");

/*获取自定义属性值*/

/*将data-后面的单词使用camel命名法连接:必须使用camel合法法获取值否则有可能无法获取到值*/

//var value=p.dataset["schoolname"];//data-schoolname 就是相当于上面的代码块来着同一个意思来着

var value=p.dataset["schoolName"];//data-school-name 里面的取值必须第二个单词。的第一个字母必须是大写字母来着

console.log(value);

}

html5自定义属性作用,html5自定义属性：如何获取自定义属性值（附代码）相关推荐

html5 lang作用,HTML5中的lang属性，zh
先提供资源.如果我弄错了什么,请以这些文档为准: W3C文档.IANA已登记的子标签.BCP 47.RFC 5646. 二.格式简介先上一张图片: 一个Language Tags,由①到⑦一共四个子 ...
Winform中实现拖拽文件到ListView获取文件类型(附代码下载)
场景效果注: 博客主页: https://blog.csdn.net/badao_liumang_qizhi 关注公众号霸道的程序猿获取编程相关电子书.教程推送与免费下载. 实现新建一个fo ...
PHP JS浏览器实时获取摄像头内容(附代码)
注意浏览器获取摄像头权限时候比较严格,我百度时必须有ssl证书才可以(应该还有别的方法),我自己使用的https协议调用的前端JS <!DOCTYPE html> <html&g ...
DOM—操作元素（获取属性值、设置属性值、移除属性）
1. 自定义属性的操作 1.1 获取属性值 element . 属性获取属性值:(元素本身自带的属性) element . getAttribute( ' 属性 ' ):(主要获取自定义的属 ...
python 调用控制台并获取返回结果_Java调用Python脚本并获取返回值
在Java程序中有时需要调用Python的程序,这时可以使用一般的PyFunction来调用python的函数并获得返回值,但是采用这种方法有可能出现一些莫名其妙的错误,比如ImportError.在 ...
java 调用linux 脚本并获取返回值
大家好,我是烤鸭: 今天分享下java 调用 shell脚本并获取返回值. 代码实践 String cmd = "df -h"; StringBuffer sb = new St ...
layui下拉框怎么获取自定义值_layui select获取自定义属性方法
在layui里面给了特定几个自定义属性title 请选择属性雪碧芬达冰糖雪梨金贝监听select form.on('select(sadaS)', function(data){ conso ...
JS获取自定义属性data-*值与dataset
转载自 JS获取自定义属性data值 <body> <div id="tree" data-leaves="47" data-plant- ...
vue 给标签添加data属性_在Vue中获取自定义属性方法:data-id的实例
获取自定义属性的方法: 第一步:首先在标签上绑定上@click="getDateId(item.id)",并将属性值传到绑定的事件里面第二步:在标签上继续绑定:date-id = ...

html5自定义属性作用,html5自定义属性：如何获取自定义属性值（附代码）

html5自定义属性作用,html5自定义属性：如何获取自定义属性值（附代码）相关推荐

最新文章

热门文章