js-7

事件：

   事件源.事件 = 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 代表复选框的状态