html5中table属性(Html5之自定义属性data-,dataset)
类别:Web前端 浏览量:1991
时间:2021-10-18 11:46:59 html5中table属性
Html5之自定义属性data-,dataset定义
H5为我们提供了以 "data-" 为前缀定义需要的属性即可设置自定义属性
<li id="box1" data-name="Musk"></li> <li id="box2" data-full-name="Elon Musk"></li>
获取
使用H5自定义属性对象dataset来获取
let box1 = document.getElementById('box1'); let box2 = document.getElementById('box2'); box1.dataset.name // Musk box2.dataset.fullName // Elon Musk (驼峰) box1.getAttribute('data-name') // Musk box2.getAttribute('data-full-name') // Elon Musk
设置
let box1 = document.getElementById('box1'); let box2 = document.getElementById('box2'); box1.dataset.name = '马斯克' box2.setAttribute('data-full-name', '埃隆 马斯克')
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持开心学习网。
您可能感兴趣
- dataset用法
- html5中table属性(Html5之自定义属性data-,dataset)
- ASP.NET中XML与DataSet的相互转换
- dataset详解(DATASET 与 DATAREADER对象有什么区别)
- 苹果15价格(苹果15价格512g官网)
- 春节放假几天(春节放假几天2023法定几天)
- 今天 3月13日,31年前,一个英雄少年感动了中国(今天3月13日31年前)
- 你好,新成理人丨成都理工大学2019级新生开学典礼隆重举行(新成理人丨成都理工大学2019级新生开学典礼隆重举行)
- 这部民警编演的红色话剧,讲述了一个不断追寻的故事(这部民警编演的红色话剧)
- 日本菜有什么好吃(日本菜有什么好吃的做法)
热门推荐
- linux怎么上传windows的文件(Windows本地环境和Linux腾讯云服务器之间传输文件的方法)
- dedecms5.7使用教程(dedecms v5.7提示php.ini register_globals must is Off错误的解决方法)
- css定位属性position的值的含义(css position fixed 左右双定位的实现代码)
- dede MD5加密解密(DEDECMS的20位MD5加密密文解密示例介绍)
- 宝塔nginx装哪个版本(宝塔面板nginx关闭状态,启动不了解决办法)
- python如何读取文件(Python从文件中读取数据的方法讲解)
- mysql事务级别设置(mysql在项目中怎么选事务隔离级别)
- dockercompose设置系统环境变量(使用docker compose搭建consul集群环境的例子)
- 常用web服务器与简介(最流行的5大开源web服务器)
- dedecms系统参数设置(DedeCMS 5 .7 自定义表单制作和调用办法[图文])