⛳学习DOM_BOM⛳ 今日碎片化知识点总结: 修改元素——修改元素属性之自定义扩展属性以及修改元素样式 > 总结: DOM 4步: - 1.先查找可能触发事件的元素 - 2.再为元素绑定事件处理函数 - 3.当事件发生时，查找要修改的元素 - 4.修改元素 > 总结: DOM 5件事: 增删改查+事件绑定: **2.修改元素: 3种东西可修改** (1). 修改内容: 3种内容可修改 (2). 修改属性: 3种 a. 字符串类型的HTML标准属性: 2种 1). 旧核心DOM: 4个函数 2). 新HTML DOM b. bool类型的HTML标准属性 **c. 自定义扩展属性:** 1). 何时: 2种 ​ i. 代替id、class、元素等选择器作为查找触发事件的元素的条件 ​ ii. 在客户端元素上临时缓存业务数据 2). HTML中: <元素 data-自定义属性名="属性值"> 3). js中: 2种: （不能用.访问） ​ i. 核心DOM: ​ var 属性值=元素.getAttribute("data-自定义属性名") ​ 元素.setAttribute("data-自定义属性名","属性值") ​ ii. HTML5标准: 元素.dataset.自定义属性名 (3). 修改样式: ​ a. 修改元素的内联样式: 元素.style.css属性="属性值" ​ b. 获取元素的完整样式: var style=getComputedStyle(元素对象); style.css属性 计算后的样式都是只读的 ​ c. 批量修改元素的样式时，都用class: 元素.className="class名"