事件的三个要素
- 事件源
- 事件类型
- 事件处理函数
如,给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