event.srcElement

<body >
<table height="200" width="200" style="position:absolute;top:200;left:20;background:red" border="1">
<tr id="row1" onmouseover="show_id()"><td id="td1">aa</td></tr>
<tr id="row2" onmouseover="show_id()"><td id="td2">bb</td></tr>
<tr id="row3" onmouseover="show_id()"><td id="td3">cc</td></tr>
<tr id="row4" onmouseover="show_id()"><td id="td4">dd</td></tr>
<tr id="row5" onmouseover="show_id()"><td id="td5">ee</td></tr>
</table>

<a id="aa" href="javascript:void(0);" onclick="alert(event.srcElement.id);">test SrcElement</a><br>
<input type="text" id="txt"/>
<script type="text/javascript">
function show_id() {
obj = event.srcElement;
alert(obj.id);
if (obj.tagName == 'TD')
document.getElementById('txt').value = obj.parentElement.id
}
</script>
</body>

1. event.srcElement 获取当前事件触发对象
2.obj.tagName=='TD'对象的标签名等于TD
3.obj.parentElement.id 对象的父标签的id属性

event.srcElement
event.srcElement

你可能感兴趣的:(element)