美文网首页
基础二:事件处理程序

基础二:事件处理程序

作者: 徐慵仙 | 来源:发表于2020-06-06 07:22 被阅读0次

    事件的三个要素

    • 事件源
    • 事件类型
    • 事件处理函数
      如,给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

    相关文章

      网友评论

          本文标题:基础二:事件处理程序

          本文链接:https://www.haomeiwen.com/subject/thdttktx.html