Question

从fireAlert（）函数内部，我如何引用调用它的元素，而不必通过链接传递this作为参数？

<script type="text/javascript">

//function
function fireAlert(){
    alert();
}

</script>

<a href="javascript:;" onclick="fireAlert();">Fire</a>

Answer 1

使用jQuery有更简单的方法可以做到这一点，但如果没有它就会这样做：

更新：请尝试以下HTML / Javascript代码。注意我是如何在window.onload中附加onclick事件而不是将其指定为元素的属性。

对于此示例，我将事件附加到页面中的所有锚标记，但您可以将getElementsByTagName替换为getElementById以获取特定的标记。

<html>
    <head>
        <script language="javascript">
        function fireAlert(e)
        {
            var whoCalled = e ? e.target : event.srcElement;

            alert(whoCalled.innerHTML);
        }
        window.onload=function()
        {
            var allHrefs = document.getElementsByTagName("a");
            for(i=0;i<allHrefs.length;i++)
            {
                allHrefs[i].onclick=fireAlert;
            }
        }
        </script>
    </head>
    <body>
        <a href="#">Hello #1</a>
        <a href="#">Hello #2</a>
        <a href="#">Hello #3</a>
        <a href="#">Hello #4</a>        
    </body>
</html>

Answer 2

正如何塞所说，使用jQuery会很容易。

$(document).ready(function()
{
    $("a").click(function()
    {
        // this == the clicked element
    });
});

如何从名为的函数中引用包含事件的元素？

2 个答案: