*用上面的方法是可以实现效果的，但在优化性能上不可取，如果用下面的方法却实现不了效果，这是为什么？哪位大神可以帮帮小白我！谢谢（>.<*）
PS:我在这里参考事件委托的：http://www.cnblogs.com/liugan...**

window.onload=function () {

        var tab=document.getElementById('tab');
        var oBnt=document.getElementById('btn');

        var oUser=document.getElementById('user');
        var oAge=document.getElementById('age');
        var id=tab.tBodies[0].rows.length+1;

        tab.tBodies[0].onmouseover=function (ev) {
            var ev=ev||window.event;
            var target=ev.target||ev.srcElement;
             if(target.nodeName.toLowerCase()=='tr'){
                 target.style.backgroundColor='red';
             }
        };

        tab.tBodies[0].onmouseout=function (ev) {
            var ev=ev||window.event;
            var target=ev.target||ev.srcElement;
            if(target.nodeName.toLowerCase()=='tr'){
                target.style.backgroundColor='#fff';
            }
        };
        oBnt.onclick=function () {
            var oTr=document.createElement('tr');

            var oTd=document.createElement('td');
            oTd.innerHTML=id++;
            oTr.appendChild(oTd);

            var oTd=document.createElement('td');
            oTd.innerHTML=oUser.value;
            oTr.appendChild(oTd);

            var oTd=document.createElement('td');
            oTd.innerHTML=oAge.value;
            oTr.appendChild(oTd);

            var oTd=document.createElement('td');
            oTd.innerHTML='删除';
            oTr.appendChild(oTd);

            oTd.getElementsByTagName('a')[0].onclick=function () {
                tab.tBodies[0].removeChild(this.parentNode.parentNode);
            };

            tab.tBodies[0].appendChild(oTr);

        };
    };