• Document Object Model

    一.DOM简介

    文档

    -文档表示的就是整个的HTML网页文档

    对象

    -对象表示将网页中的每一个部分都转换为了一个对象

    模型

    -使用模型来表示对象之间的关系，这样方便我们获取对象

    1. <body>
    2.     <button id="btn">我是一个按钮button>
    3.     <script type="text/javascript">
    4.         var btn = document.getElementById("btn")
    5.         btn.innerHTML="我是修改后的按钮"
    6.     script>
    7. body>

     

     二.事件的简介

    1.获取按钮对象

    2.可以为按钮的对应事件绑定处理函数的形式来响应事件。这样当事件被触发时，其对应的函数将会被调用

    3.绑定一个事件

    1. <body>
    2.     <button id="btn">我是一个按钮button>
    3.     <script>
    4.         //获取按钮对象
    5.         var btn = document.getElementById("btn")
    6.         /*
    7.          * 可以为按钮的对应事件来绑定处理函数的形式来响应事件
    8.          * 这样当事件被触发时，其对应的函数将会被调用
    9.          */
    10.        
    11.         //绑定一个单击事件
    12.         //像这种为单击事件绑定的函数，我们称为单击响应函数
    13.         btn.onclick = function () {
    14.             alert("你又点")
    15.         }
    16.     script>
    17. body>

    3.1

    1.将