获取点击元素的ID答案

【问题标题】：Get ID of element clicked获取点击元素的ID
【发布时间】：2015-02-11 08:33:17
【问题描述】：

<html>
<head>

<script type="text/javascript">
function getElement(e) {
    var element = e.target || e.srcElement;
    alert(element.id);
}
</script>

</head>
<body onclick="getElement()">

<div id="div1"></div>
<div id="div2"></div>

</body>
</html>

试过这个来获取点击元素的 ID 并提醒它。我确定这是我缺少的一些非常基本的东西。

谁能帮忙？

【问题讨论】：

检查控制台是否有错误。

标签： javascript

【解决方案1】：

其实很基础，不要再使用内联事件处理程序了

<!DOCTYPE html>
    <head>
        <title>It works</title>
    </head>
    <body>

        <div id="div1"></div>
        <div id="div2"></div>

        <script type="text/javascript">
            document.addEventListener('click', function(e) {
                alert( e.target.id );
            }, false);
        </script>
    </body>
</html>

FIDDLE

【讨论】：

【解决方案2】：

在这种特殊情况下，您需要在绑定到onclick 处理程序时实际发送event 对象（下面的示例）。

但是，我强烈建议不要使用这种方法！

请改用document.addEventListener。

<html>
<head>

<script type="text/javascript">
function getElement(e) {
    var element = e.target || e.srcElement;
    alert(element.id);
}
</script>

</head>
<body onclick="getElement(event)">

<div id="div1">First Div</div>
<div id="div2">Second Div</div>

</body>
</html>

【讨论】：