JS第八天

事件：

   事件源.事件 = function() {

       //事件发生后 如何处理

   }

   box.onmouseover = function() {

      obj.style.display = "block";

    }

   常见的事件：onclick onmouseover onmouseout onload

       与表单相关的事件 onfocus 获得焦点

                        onblur  失去焦点

   oninput ： 判断用户是否输入的行为

   **** js获取表单值

        获取文本框的内容  txt.value     

   window.onload = function() {

    }

id页面唯一(规范)

查找元素 1 通过id去找元素  找到唯一的元素或者找不到

              document.getElementById(id)

               <div  id="div1"></div>

               document.getElementById("div2")  null

        2  通过标签名获取元素

           document.getElementsByTagName("p")

           上面代码含义：获取页面所有的p元素，结果

            是一个伪数组，目前当数组看

            注意：假如页面中只有一个标签元素，用标签名

            获取元素时候，结果也是只含有一个元素数组

       上述两个找元素方法，没兼容问题

         3 通过类名找元素 有兼容问题

****this 指的是事件调用者或者函数调用者  “自己”

与表单焦点相关的两个小方法 focus() select() (自动选择内容)

*****innerHTML  获取或设置元素的内容

      obj.innerHTML = "值"

***** js控制样式(优先级问题)

    obj.style.color = "red";等价与

      <p  style="color:red"></p>

    css部分

    .red {

       color: red;

    }  

   js部分

      obj.className = "red";等价于

       <p class="red"></p>

*****

     obj.checked 代表复选框的状态