js事件-JS事件處理程序是怎麼調動的？

JS事件處理程序是怎麼調動的？

Var buttons = document.getelementsbytagname (tag name
)
For(var i=0,i<buttons.length;i++){
Buttons[i].onclick=function(e){
Document.getelementbyid(id).innerHTML=e.target.innerHTM}
}
三個問題：1.從for開始，下邊的代碼怎麼解釋，逐行解釋
2.上面的函數是怎麼調用的，不要解釋冒泡階段和捕捉階段，就說說是e.target。innerHTML觸發調動函數還是button[i]觸發
3.函數調動之後的結果是啥
4.函數調動之後的結果賦予button.[i].onclick又是啥意思
求詳解

最佳回答：

注意大小寫

     var buttons = document.getElementsByTagName ('tag name')//獲取tag name指定的dom對象，返回dom數組
    for (var i = 0; i < buttons.length; i++) {//buttons是數組，執行遍歷
        buttons[i].onclick = function (e) {//給遍歷到的dom對象添加onclick事件，這樣添加的事件只有一個參數就是事件參數，不過要兼容ie8-要使用下面的方法，ie8-的事件存儲在window.event對象中，不直接通過函數傳遞
            e = e || window.event;
            //e.target e.srcElement就是當前點擊的對象。如果是buttons對象直接this對象就行了。如<div><b>11</b>22</div>這種結構，點擊b，e.target是b，而this對象為當前buttons[i]對象
            document.getElementById(id).innerHTML =//獲取id對象設置他的innerHTML
                (e.target//標准浏覽器
                ||e.srcElement//IE8-
                ).innerHTML//當前點擊對象的innerHTML屬性，就是裡面的html代碼
        }
    }