一,建立元素的三種方式
document.write()
document.createElement()
innerHTML()
appendChild()
二,事件三要素
事件源   事件  事件執行程式
三,繫結解綁
繫結事件 addEventListener
var son = document.querySelector(".son");
son.addEventListener('click', once1,false);
function once1() {
alert(1)
}

繫結事件attachEvent
解綁事件
son.removeEventListener('click', once1,false
 
);
function once1() {
alert(1)
}

* 物件.attachEvent("on事件型別",命名函式);---繫結事件
* 物件.detachEvent("on事件型別",函式名字);
animate封裝動畫
// 動畫的封裝方法(ele,target,step)可左右移動(只改變左邊距)
function animate(element, target,step) {
    var step = step;
    clearInterval(element.timeId);

    element.timeId = setInterval(function () {
         step 
 
= element.offsetLeft < target ? Math.abs(step):-Math.abs(step);
        
        element.style.left = (element.offsetLeft + step) + 'px';
        // console.log(element.style.left)
         if(Math.abs(element.offsetLeft-target)<Math.abs(step)){
             
             element.style.left = target+'px';
             clearInterval(element.timeId)
            console.log(element.style.left)
            
         }
        
    }, 
 
20)
}