全栈JavaScript之路(十八)HTML5 自己定义数据属性「建议收藏」

全栈JavaScript之路(十八)HTML5 自己定义数据属性

大家好,又见面了,我是全栈君。

HTML5 规范规定,用户能够为元素 自己定义非标准属性, 可是要加入 data- 前缀。

目的是为元素提供与页面渲染无关的信息、或者语义信息。这些属性名能够任意加入,仅仅要带上前缀 data- 开头就能够。

<div id="myid" data-appid="1" data-appname="csdn"></div>

加入属性这后能够通过 dataset 訪问自己定义属性,dataset 属性 是DOMStringMap  类型的实例。 也是一个 key : value 的键值对。

注冊:每个data-name  形式的属性 相应。 dataset 的 name 属性。

以上面的样例来说; 

var div = document.getElementById("myid");
div.dataset.appid ===' 1'; //true
div.dataset.appname ==='nama';//true

能够设置自己定义属生的值:

div.dataset.appid = "100"

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/116559.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • PG索引类型[通俗易懂]

    PG索引类型[通俗易懂]PG索引类型索引类型CREATEINDEX在一个指定表或者物化视图的指定列上创建一个索引,索引主要用来提高数据库的效率(尽管不合理的使用将导致较慢的效率)btree选择性越好(唯一值个数接近记录数)的列,越适合b-tree。当被索引列存储相关性越接近1或-1时,数据存储越有序,范围查询扫描的HEAPPAGE越少。 支持多列索引,默认最多32列,编译可改。(通过调整pg…

    2022年5月29日
    61
  • 于Linux-2.6.32内核上编译ipset-6.23的坎坷经历[通俗易懂]

    于Linux-2.6.32内核上编译ipset-6.23的坎坷经历[通俗易懂]新版本的ipset上周在儿童医院给小小看病等待叫号的间隙,收到了Netfilter邮件列表的推送消息,一览了ipset最新的6.23版本的新特性,很多正是我目前所需要的,特别是timeout和skbinfo参数的支持,具体的详情请自行查看manual,如果不想看那么多,我这里简单的贴一下:  timeout      All set types supportstheoptional

    2022年9月1日
    2
  • aliddns ipv6_AliDDNS v2.0.0.1 – 阿里云DNS动态解析Windows客户端 支持IPv6 微信推送「建议收藏」

    aliddns ipv6_AliDDNS v2.0.0.1 – 阿里云DNS动态解析Windows客户端 支持IPv6 微信推送「建议收藏」AliDDNS使用帮助欢迎使用AliDDNS——阿里云解析DNS动态IP自动更新程序。AliDDNS通过使用阿里云API来完成DNS记录获取以及更新。AliDDNS会自动作为Windows服务在后台持续监测并更新IP地址。AliDDNS还同时支持IPv4以及IPv6,在IPv6即将普及的情况下,AliDDNS已经开启了对其的支持。AliDDNS无需安装,点击即可使用。以下为使用说明介绍:第…

    2022年6月7日
    80
  • 一款轻量级,可快速上手的开源后台系统

    点击上方“全栈程序员社区”,星标公众号 重磅干货,第一时间送达 作者:funnyZpC www.cnblogs.com/funnyzpc/p/13777881.html mee-a…

    2021年6月26日
    83
  • PHP环境搭建单独安装「建议收藏」

    PHP环境搭建单独安装「建议收藏」Php环境的搭建主要内容:1、知识回顾2、几种常见的PHP环境安装方式3、安装php的运行环境4、php运行环境的介绍1.知识回顾1.1动态网站和静态网站web1.0(静态网站):不支

    2022年7月3日
    25
  • cmpp发送短信[通俗易懂]

    cmpp发送短信[通俗易懂]思路:把各种操作解耦,创建各种线程异步进行1.创建一个阻塞队列用来存储任务2.创建一个任务线程,从待发表里取数据(待发表里有专门标明是否被处理过的字段),注入任务队列3.创建n个接收线程,向接收表中塞入数据4.创建n个发送进程,从任务队列里取数据,发送一共有待发表,接收表,已发表,发送错误表,回执状态表5张基础表具体基础代码参考cmpp2.0文档,或者自己搜索…

    2025年7月5日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号