srcElement 用法

<div id="div_001">
 <form id="form_001">
  <input type="button" id="button_001_id" name="button_001_Name" value="单击查看" class="button_001_Class" onclick="Get_srcElement(this)">
 </form>
</div>
<script>
function Get_srcElement()
{
var srcElement=""
srcElement = srcElement + "\n" +  "event.srcElement.id : " + event.srcElement.id
srcElement = srcElement + "\n" +  "event.srcElement.tagName : " + event.srcElement.tagName
srcElement = srcElement + "\n" +  "event.srcElement.type : " + event.srcElement.type
srcElement = srcElement + "\n" +  "event.srcElement.value : " + event.srcElement.value
srcElement = srcElement + "\n" +  "event.srcElement.name : " + event.srcElement.name
srcElement = srcElement + "\n" +  "event.srcElement.className : " + event.srcElement.className
srcElement = srcElement + "\n" +  "event.srcElement.parentElement.id : " + event.srcElement.parentElement.id
srcElement = srcElement + "\n" +  "event.srcElement.getattribute : " + event.srcElement.getAttribute
alert(srcElement)
}

</script>

评论

3 楼 1000panda 2010-08-26  

1楼说错了.
返回的内容是
event.srcElement.id : button_001_id
event.srcElement.tagName : INPUT
event.srcElement.type : button
event.srcElement.value : 单击查看
event.srcElement.name : button_001_Name
event.srcElement.className : button_001_Class
event.srcElement.parentElement.id : form_001
event.srcElement.getattribute :
function getAttribute() {
    [native code]
}


event.srcElement.parentElement.id 的确是form_001

2 楼 1000panda 2010-08-26  

1楼的说错了,返回的东西如下

event.srcElement.id : button_001_id
event.srcElement.tagName : INPUT
event.srcElement.type : button
event.srcElement.value : 单击查看
event.srcElement.name : button_001_Name
event.srcElement.className : button_001_Class
event.srcElement.parentElement.id : form_001
event.srcElement.getattribute :
function getAttribute() {
    [native code]
}


event.srcElement.parentElement.id的确是form_001!

1 楼 pbny001 2010-07-27  

运行了下代码，基本可以理解srcElement的用法，唯一不解的是 event.srcElement.parentElement.id为什么返回的是DIV的ID而不是form的id？