基础二：事件处理程序
2020-06-06 本文已影响0人
徐慵仙
事件的三个要素
- 事件源
- 事件类型
- 事件处理函数
如，给id为myBtn的按钮绑定一个事件处理程序，点击这个按钮显示，你点我嘎哈：
- btn变量：事件源
- onclick：事件类型，点击
- function：处理函数
<button id="myBtn">点我</button>
<script>
var btn=document.getElementById("myBtn");
btn.onclick=function(){
alert("你点我嘎哈！");
}
</script>
事件处理程序可改变的内容
1 改变内容
- innerText (只改变内容)
- innerHtml（带html标签）
2 改变属性：改变html标签的属性值
- img的src
- a标签的href
3 改变表单属性
input的type
4 改变样式
.style: 直接改样式
.class: 改变对应的class
