关于html5中自定义属性的介绍_WEB前端开发

后端开发 后端开发 2周前 (03-21) 9次浏览 0个评论 扫描二维码

如何使用LayUI实现网页轮播图_WEB前端开发

本篇文章介绍了使用LayUI实现网页轮播图的方法,具有一定的参考价值,希望对学习Layui的朋友有帮助!想要用layui写出来轮播图,需要先下载layui的文档,下载到电脑上就可以了,随便保存到那个地方就行。

关于html5中自定义属性的介绍_WEB前端开发

定义

H5为我们提供了以 “data-” 为前缀定义需要的属性即可设置自定义属性。

<div id="box1" data-name="Musk"></div>
<div id="box2" data-full-name="Elon Musk"></div>

(推荐教程:H5教程)

Bootstrap分页表格插件使用教程_WEB前端开发

本篇文章介绍了Bootstrap分页表格插件的使用方法,bootStrap table获取数据有两种方式,一是通过table的data-url属性指定数据源,二是通过JavaScript初始化表格时指定url来获取数据。

获取

使用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', '埃隆 马斯克')

相关视频教程推荐:html5视频教程

以上就是关于html5中自定义属性的介绍的详细内容,更多请关注ki4网其它相关文章!

详解css行内样式、内嵌样式与外部引用样式的使用方法_WEB前端开发

本文为大家介绍了css行内样式、内嵌样式与外部引用样式的使用方法,具有一定的参考价值,希望可以帮助到大家。行内样式:【

】。

喜欢 (0)
[]
分享 (0)
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址