CSS属性、样式和事件

目录

元素内部结构的操作

元素属性的操作

元素样式的操作

类属性的操作

JS的DOM操作样式属性

事件

事件三元素

绑定事件

解绑事件

常用事件

相关案例

相关案例代码

元素内部结构的操作

1.inneHTML

获取元素内部的HTML结构

如：element.innerHTML

设置元素内容

如：element.innerHTML=“<p>hello</p>”

2.innerText

获取元素内部的文本（只获取文本内容）

如：element.innerText

设置元素内部文本

如：element.innerText=“hello”

元素属性的操作

1.getAttribute

获取元素的某个属性值（包括自定义属性）

如：element.getAttribute(‘class’)

2.setAttribute

给元素的设置属性（包括自定义属性）

如：element.setAttribute(‘class’,’box’)

3.removeAttribute

移除元素属性（包括自定义属性）

如：element.removeAttribute(‘class’,)

元素样式的操作

1.style

专门用