基础二：事件处理程序

事件的三个要素

  • 事件源
  • 事件类型
  • 事件处理函数
    如，给id为myBtn的按钮绑定一个事件处理程序，点击这个按钮显示，你点我嘎哈：
  1. btn变量：事件源
  2. onclick：事件类型，点击
  3. 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

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。