JavaScript - 操作元素 - 获取自定义属性值

文章目录

一、定义属性的操作1.获取属性值2.设置元素属性值3. 移除属性

选项卡案例二、H5自定义属性设置H5自定义属性获取H5自定义属性

一、定义属性的操作

1.获取属性值

element.属性; 获取属性值. : 获取内置属性值 (元素本身自带的属性)element.getAttribute(‘属性’); : 主要获得自定义的属性

Document

2.设置元素属性值

element.属性 = 值; 修改元素属性值 element.setAttribute('属性', '值'); 修改自定义属性值.

Document

3. 移除属性

element.removeAttribute('属性');

Document

选项卡案例

Document

  • 商品介绍

  • 规格与包装

  • 售后保障

  • 商品评价

  • 品牌: Apple

  • 商品名称：AppleiPhone 12

  • 商品编号：100016034400

  • 商品毛重：350.00g

  • CPU型号：其他

  • 运行内存：其他

  • 机身存储：128GB

  • 摄像头数量：后置双摄

  • 后摄主摄像素：1200万像素

  • 前摄主摄像素：1200万像素

  • 屏幕比例：其他

  • 分辨率：其他

  • 屏幕前摄组合：其他

  • 操作系统：iOS(Apple)

规格与包装

售后保障

商品评价

二、H5自定义属性

设置H5自定义属性

H5规定自定义属性data- 开头作为属性名并赋值.

比如 :

获取H5自定义属性

Document

dataset 是一个集合, 里面存放了所有以data开头的自定义属性.