HTML5 - 数据集属性
HTML5定义了关于操作标准自定义属性的用法,以下是一个示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>元素属性</title> </head> <body> <div id="app" data-name="ysw" data-id="1601140819" data-u-id="412728199707074557" data-key="00001" data-value="简单点" > </div> <script type="text/javascript"> let idEle = document.getElementById("app"); console.log("-----------------------"); /* * 对于元素的非标准属性的操作的4个方法 * */ idEle.setAttribute("var1","true"); console.log(idEle); console.log(idEle.getAttribute("var1")); console.log(idEle.hasAttribute("var1")); idEle.removeAttribute("var1"); console.log("-----------------------"); /* * HTML5关于自定义属性的合法用法:数据集属性 * HTML5定义了一种标准的附加额外数据的方法,任意以"data-"开头的属性都是合法的,这些 * "数据集属性"将不会对其元素表现产生影响。 * HTML5在Element对象上定义了dataset属性,该属性值是一个DOMStringMap对象,存储了所有 * 该Element对象以data-开头的属性及其值。 * dataset.x保存了data-x属性的值,代连字符的属性对应于驼峰式命名法属性名,例如: * data-student-name属性的访问方式为:dataset.studentName * */ console.log(idEle.dataset); console.log(idEle.dataset.name); console.log(idEle.dataset.id); console.log(idEle.dataset.uId); console.log(idEle.dataset.key); console.log(idEle.dataset.value); </script> </body> </html>
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
中文方便就用中文编程!Python图形界面开发实例
之前做的一个Python小程序,功能很简单,面对用户群也很窄,是五笔编码编、校人员使用。 这样的“周末”项目(即一个周末就能完成雏形的项目)很常见,项目需求往往源于某小小想法,用户很可能只有自己,功能不很复杂,但需求非常领域相关。 比如上面的应用,界面上就可以看到有很多字体名称,比如“花园明朝”,在代码里该如何命名呢? 在线翻译告诉我:GardenMingDynasty 我。。。先忍了。 “汉仪仿宋”呢?HanYiImitationSong 啥??先竞猜“Yi”后面那是“I”还是“l”吧(大写的i还是小写的L)更不用说这拼音和英文混的叫一个酸爽啊。 可以想象,如果使用了这样的命名,自己看代码都要挠头,不用说其他人了。 当然,没有悬念地,我决定用中文命名标识符: 在整个项目中使用了中文命名标识符,和界面显示非常一致: 不仅让代码更可读,改进和维护更简单,也鼓励了原本没有编程经验也没什么编程动力的需求提出者参与到了开发过程中,提交了后续的几个PR。一个重要原因是,尤其对编程新手来说,代码中使用中文命名大大降低了阅读和理解代码的难度。 中文命名,该出手时就出手! 源码库在:https://g...
- 下一篇
Linux下安装Python3
配置代理 由于是公司的内网,需要配置代理。如果是公网的话,这一步直接跳过 vim /etc/profile 添加下面的命令export http_proxy=http://F1317065:TeWR5S7c@10.191.131.12:3128/ export https_proxy=http://F1317065:TeWR5S7c@10.191.131.12:3128/ source /etc/profile 安装必要的安装包 如果不安装这些安装包的话,好像会出错。 yum -y groupinstall "Development tools" yum -y install zlib-devel bzip2-devel openssl-devel ncurses-devel sqlite-devel readline-devel tk-devel gdbm-devel db4-devel libpcap-devel xz-devel yum install -y libffi-devel 这个命令是因为在安装3.7以上版本时,需要一个新的libffi-devel包做依赖,确保包含这个...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
-
Docker使用Oracle官方镜像安装(12C,18C,19C)
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- CentOS8编译安装MySQL8.0.19
- Docker快速安装Oracle11G,搭建oracle11g学习环境
- SpringBoot2配置默认Tomcat设置,开启更多高级功能
- MySQL8.0.19开启GTID主从同步CentOS8
- CentOS7,8上快速安装Gitea,搭建Git服务器
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- SpringBoot2编写第一个Controller,响应你的http请求并返回结果
推荐阅读
最新文章
- Docker使用Oracle官方镜像安装(12C,18C,19C)
- CentOS6,CentOS7官方镜像安装Oracle11G
- SpringBoot2整合Redis,开启缓存,提高访问速度
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- SpringBoot2配置默认Tomcat设置,开启更多高级功能
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- SpringBoot2整合MyBatis,连接MySql数据库做增删改查操作
- Hadoop3单机部署,实现最简伪集群
- MySQL8.0.19开启GTID主从同步CentOS8
- SpringBoot2编写第一个Controller,响应你的http请求并返回结果