事件代理实现表格中td的点击事件
<body>
<div id="page">
<table>
<thead>
test
</thead>
<tbody>
<tr><td>aaaaa</td></tr>
<tr><td>aaaab</td></tr>
<tr><td>aaaac</td></tr>
<tr><td>aaaad</td></tr>
</tbody>
</table>
</div>
<script>
window.onload=init;
function init() {
var trs=document.getElementsByTagName('table')[0];
if(trs.addEventListener){
trs.addEventListener('click', function (e) {
alert(e.target.innerHTML);
});
}else if(trs.attachEvent){
trs.attachEvent('onclick', function (e) {
alert(e.srcElement.innerHTML);
});
}else{
trs.onclick = function(e){
alert(e.target.innerHTML);
}
}
}
</script>
</body>