javascript tagName事件委托： 例子一：单一的标签元素DIV window.onload=function(){ var oDiv=document.getElementsByTagName("div"); document.onclick=function(ev){ var ev=ev||event var target=ev.srcElement||ev.target; if(target.tagName=="DIV"){ target.style.background="blue"; } } } 演示效果：javascript tagName事件委托 例子二：有父级与子级 window.onload=function(){ var oBtn=document.getElementsByTagName("input")[0]; var oH3=document.getElementsByTagName("h3"); var oBox=document.getElementsByTagName("div")[0]; oBox.onclick=function(ev){ var ev=ev||event; var target=ev.srcElement||ev.target; if(target.tagName=="H3"){ target.style.background="#f00"; } } oBtn.onclick=function(){ var aH3=document.createElement("h3"); aH3.innerHTML="前端菜鸟标题"; oBox.appendChild(aH3); } } 演示效果：javascript tagName事件委托二