千家信息网

html如何定义方法

发表于:2025-01-23 作者:千家信息网编辑
千家信息网最后更新 2025年01月23日,这篇文章主要介绍了html如何定义方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。定义H5为我们提供了以 "data-" 为前缀定义
千家信息网最后更新 2025年01月23日html如何定义方法

这篇文章主要介绍了html如何定义方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

定义

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

获取

使用H5自定义属性对象dataset来获取

let box1 = document.getElementById('box1');let box2 = document.getElementById('box2');box1.dataset.name // Muskbox2.dataset.fullName // Elon Musk (驼峰)box1.getAttribute('data-name') // Muskbox2.getAttribute('data-full-name') // Elon Musk

设置

let box1 = document.getElementById('box1');let box2 = document.getElementById('box2');box1.dataset.name = '马斯克'box2.setAttribute('data-full-name', '埃隆 马斯克')

感谢你能够认真阅读完这篇文章,希望小编分享的"html如何定义方法"这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

0