DOM--1--事件源

学习要点：
  1.DOM的用途
  2.什么是预加载
  3.事件源的获取方式
  4.事件的绑定方式



DOM的用途:
    1.找对象（元素）
    2.设置元素属性
    3.设置元素样式
    4.动态创建和删除元素
    5.事件的触发响应

预加载：
    window.onload
    含义：整个页面上所有元素加载完毕再执行JS内容
    格式：window.onload = function(){执行程序};

事件源的获取方式：
(1)document.getElementById
   含义：根据元素id属性获取元素
   格式：document.getElementById("id");

(2)getElementsByClassName
   含义：根据元素class属性获取元素
   格式：getElementsByClassName("class");

(3)getElementsByTagName
    含义：根据标签的名字获取元素
    格式：getElementsByTagName("标签名");

(4)getElementsByName
   含义：根据元素name属性获取元素
   格式：getElementsByName("name");

(5)querySelector
   含义：根据选择器获取程序执行下来的第一个元素
   格式：querySelector("选择器");

(6)querySelectorAll
   含义：根据选择器获取程序中都相同的选择器的元素
   格式：querySelectorAll("选择器");

事件绑定的方式有两种：
 (1) 匿名函数绑定：
    事件源.事件 = function(){事件驱动程序};
 (2)函数名绑定：
    btn.onclick = deal;
      function deal() {
        alert("点我干啥?");
      }