灯塔10月24日

本文探讨了在JavaScript中如何操作HTML元素的自定义属性,通过比较`element.属性`和`element.getAttribute(属性)`的区别,以及如何使用`setAttribute(属性,值)`来设置和获取H5中的data-属性。同时介绍了H5新增的`element.dataset`对象的用法。
摘要由CSDN通过智能技术生成

自定义属性操作

  1. 获取元素的属性值
    (1) element.属性
    (2)element.getAttribute('属性‘)

  2. 区别:
    element.属性 获取内部属性值(元素本身自带的属性)
    element.getAttribute('属性‘) 主要是获取自定义的属性(标准)我们程序员自定义 的属性

  3. 设置元素的属性值
    (1)element.属性=’值’ 设置内部属性值
    (2)element.setAttribute(‘属性’,‘值’);

  4. 设置H5自定义属性
    H5规定自定义属性data-开头作为属性名并且赋值。
    比如 <div data-index="1"> </div>
    或者是使用JS设置
    element.setAttribute(‘data-index’,1);
    H5新增element.dataset.index或者element.datase[‘index’] i11

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值