关于HTML5如何自定义属性

 我来答
yyazdcdd
2018-08-17 · 超过30用户采纳过TA的回答
知道答主
回答量:43
采纳率:100%
帮助的人:23.2万
展开全部

HTML5新增自定义属性的特性,在HTML代码中,我们可以在标签上直接定义自定义属性,自定义属性命要以'data-'开头

<p data-hello="这是自定义属性的值">呵呵呵呵</p>

我们可以使用原生JS获取到自定义属性的值

let p = document.querySelector('p')
console.log(p.dataset.hello) //这是自定义属性的值

也可以通过jquery获取自定义属性的值

$('p').data('hello') //这是自定义属性的值

当然,也可以通过传统的方法来获取自定义属性的值

let p = document.querySelector('p')
p.getAttribute('data-hello');
p.setAttribute('data-hello','这是重新赋值')

//jquery
$('p').attr('data-hello')  //获取
$('p').attr('data-hello','设置')  //设置
创作者8686
2019-01-12 · TA获得超过126个赞
知道小有建树答主
回答量:611
采纳率:66%
帮助的人:49.1万
展开全部
直接像普通属性一样读写就行了。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式