菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 高钰琪-JS基础（9）-20221208 [打印本页]

作者: mx88783 时间: 2023-1-5 19:25
标题: 高钰琪-JS基础（9）-20221208
一、今日学习内容：BOM&DOM自定义属性的用法

自定义属性概述

data-属性名 = "自定义属性的值"

键值对的方式来描述HTML 标签的扩展属性

标准属性--标签自带的一些属性，内置的

自定义属性的操作

dom.getAttribute('属性名')---获取自定义属性的值

dom.setAttribute('属性名','属性的值')---修改/新增自定义属性的值

dom.removeAttribute('属性名')---移除自定义属性

标签上 data-属性名="属性值"

js获取或者设置

获取：dom.dataset.属性名

修改/新增：dom.dataset.属性名=属性值

排他思想

排他思想是为一组同类型元素中的某一个元素设置样式时，采用的一种特定顺序

优势：适用于多个同类型元素设置样式或者效果的情况，避免为单个元素重复设置相同样式，可以有效显示出用户操作下某一元素的改变

步骤：

1.为全部元素设置一般效果

2.为特定元素设置特定效果

二、今日问题：无

三、解决方案：无

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)