⛳学习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名"