在JavaScript中，事件是指用户与页面元素之间的交互行为，例如单击、鼠标移动、键盘按下等。事件触发后，我们通常需要获取事件触发的元素，以便对其进行操作。在这篇文章中，我们将介绍如何使用JavaScript中的event.srcelement属性来获取事件触发元素。

1. 什么是event.srcelement属性

在JavaScript中，每个事件都有一个event对象，包含了事件发生的相关信息。其中，event.srcelement是event对象的一个属性，用于返回触发事件的元素。

2. event.srcelement的用法

event.srcelement属性等价于event.target属性，它们的作用是一样的，都用于获取事件的目标元素。实际上，event.srcelement是IE浏览器特有的属性，而event.target是DOM标准的属性，可以在所有现代浏览器中使用。因此，当我们使用event.srcelement属性时，需要在代码中进行浏览器兼容性的处理，以确保代码能够在所有浏览器中运行正确。

下面是一个使用event.srcelement属性获取事件触发元素的例子：

```javascript

function handleClick(event) {

var element = event.srcelement || event.target;

console.log("点击的元素是：" + element.tagName);

}

```

上面的代码实现了一个点击事件的处理函数，当用户单击页面上的元素时，会触发该事件，并获取事件目标元素，然后将该元素的标签名称输出到控制台中。

3. 兼容性处理

由于event.srcelement是IE浏览器特有的属性，因此我们需要对代码进行兼容性处理。一种常见的做法是利用浏览器对象中的host对象来判断浏览器类型，然后分别使用event.srcelement或event.target属性。

下面是一个兼容所有浏览器的代码示例：

```javascript

function handleClick(event) {

var element = event.target || event.srcElement;

console.log("点击的元素是：" + element.tagName);

}

```

上面的代码中，我们先检查event.target属性是否存在，如果存在，则使用该属性获取事件触发元素。否则，我们假定浏览器为IE，因此使用event.srcelement属性来获取目标元素。

4. 总结

在JavaScript中，我们经常需要获取事件触发的元素，以便对其进行操作。event.srcelement就是一个用于获取事件触发元素的属性，在IE浏览器中可用。如果我们需要兼容所有浏览器，则可以使用event.target属性来代替event.srcelement属性，以确保代码能够在所有现代浏览器中运行正确。