event.srcElement

最新推荐文章于 2017-12-19 10:33:33 发布

superjunjin

最新推荐文章于 2017-12-19 10:33:33 发布

阅读量1.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/superjunjin/article/details/77540173

js 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了如何使用event.srcElement属性来获取触发事件的元素及其相关信息，包括元素ID、类型、值等，并通过实例展示了如何访问元素的父级、子级及兄弟元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法

event.srcElement：表示当前触发事件的元素。
event.srcElement.parentNode：表示当前触发事件的元素的父元素。
event.srcElement.parentElement：表示当前触发事件的元素的父元素。
event.srcElement.children：表示当前触发事件的元素的子元素，有多个的话就是个数组。
event.srcElement.firstChild：表示当前触发事件的元素的子元素中第一个。
event.srcElement.lastChild ：表示当前触发事件的元素的子元素中最后一个。
event.srcElement.selectedIndex：一般使用在select对像上，表示当前触发事件的元素选中的index值

例子



<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)"><a id="a_001_id" href=#>test</a></form>
</div>

<select name="selectname" onchange="alert(event.srcElement.options[event.srcElement.selectedIndex].value)" > 
    <option value="1-">1</option> 
    <option value="2-">2</option> 
    <option value="3-">3</option> 
    <option value="4-">4</option> 
    <option value="5-">5</option> 
</select> 

<script>
function Get_srcElement()
{
var srcElement=""
srcElement += "\n" + "event.srcElement.id : " + event.srcElement.id;
srcElement += "\n" + "event.srcElement.tagName : " + event.srcElement.tagName;
srcElement += "\n" + "event.srcElement.type : " + event.srcElement.type;
srcElement += "\n" + "event.srcElement.value : " + event.srcElement.value;
srcElement += "\n" + "event.srcElement.name : " + event.srcElement.name;
srcElement += "\n" + "event.srcElement.className : " + event.srcElement.className;
srcElement += "\n" + "event.srcElement.parentElement.id : " + event.srcElement.parentElement.id;
srcElement += "\n" + "event.srcElement.parentNode.id : " + event.srcElement.parentNode.id;
srcElement += "\n" + "event.srcElement.parentElement.children[0].id : " + event.srcElement.parentElement.children[0].id;
srcElement += "\n" + "event.srcElement.parentElement.children[1].id : " + event.srcElement.parentElement.children[1].id;
srcElement += "\n" + "event.srcElement.parentNode.firstChild.id : " + event.srcElement.parentElement.firstChild.id;
srcElement += "\n" + "event.srcElement.parentNode.lastChild.id  : " + event.srcElement.parentElement.lastChild.id;
alert(srcElement)
}
</script>