JS操作属性和样式

目录

一、JS对元素内部结构的操作

1. innerHTML

2. innerText

二、JS中对元素属性的操作

1.getAttribute

2.setAttribute

3.removeAttribute

三、JS中对元素样式的操作

1.style

四、类属性操作

1.className

五、JS的DOM操作样式属性

---

一、JS对元素内部结构的操作

1. innerHTML

获取元素内部的HTML结构

设置元素内容

element.innerHTML

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

2. innerText

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

设置元素内部文本

element.innerText

element.innerText=“hello”

二、JS中对元素属性的操作

1.getAttribute

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

element.getAttribute(‘class’)

2.setAttribute