JS事件处理程序是怎么调动的？

Question

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又是啥意思
求详解

Answer 1

注意大小写

     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代码
        }
    }