元素内部结构的操作
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删除绑定事件即可