一、掌握JS对元素内部结构的操作
1.innerHTML
获取元素内部的HTML结构
设置元素内容
2.innerText
获取元素内部的文本(只获取文本内容)
设置元素内部文本
二、掌握JS中对元素属性的操作
1.getAttribute
获取元素的某个属性值(包括自定义属性)
2.setAttribute
给元素的设置属性(包括自定义属性)
3.removeAttribute
移除元素属性(包括自定义属性)
三、掌握JS中对元素样式的操作
style
专门用来给元素添加CSS样式的
添加的都是行内样式
className
专门用来添加元素的类名
专门用来获取元素类名称
DOM操作样式属性
innerHTML
innerText
getAttribute
setAttribute
removeAttribute
style
className
四、掌握常用的事件
onclick
ondblclick
onmouseover
onmouseout
onfocus
onblur
onkeydown
onkeyup
五、 掌握给元素解绑事件的方法
1. 直接删除法,使用“对象.οnclick=false;”
2.使用addEventListener绑定事件,使用removeEventListener删除绑定事件即可
六、 掌握给元素绑定事件的方法
1.在DOM元素中直接绑定
2.在JavaScript代码中绑定
3.使用监听函数addEventListener() 绑定
七、知道事件的三要素
事件源
事件类型
事件处理程序
JS操作与事件
最新推荐文章于 2024-04-03 22:00:00 发布