JS操作属性和样式和JS事件

元素内部结构的操作

1.innerHTML

•获取元素内部的HTML结构      •element.innerHTML

•设置元素内容                           •element.innerHTML=“<p>hello</p>”

2.innerText

•获取元素内部的文本（只获取文本内容 ）     •element.innerText

•设置元素内部文本                                          •element.innerText=“hello”

元素属性的操作

.getAttribute
获取元素的某个属性值（包括自定义属性）：element.getAttribute(‘class’)

.setAttribute
给元素的设置属性（包括自定义属性）:element.setAttribute(‘class’,’box’)

.removeAttribute
移除元素属性（包括自定义属性）:element.removeAttribute(‘class’,)

.style
专门用来给元素添加CSS样式的
添加的都是行内样式

JS事件：

定义：事件是发生在HTML元素上的一些事情

事件三要素

事件源:网页上的元素。如:按钮，输入框等
事件类型:为用户或浏览器 行为。如:鼠标点击，选中输入框等 
事件处理程序:事件发生后定义的程序。如:跳转网页、算数运算等。

1.在DOM元素中直接绑定 

 2.在JavaScript代码中绑定

 3.使用监听函数addEventListener()绑定

 JS解绑事件

1.直接删除法，使用“对象.οnclick=false:”

 2.使用addEventListener绑定事件，使用removeEventListener删除绑定事件即可