JavaScript点击元素后获取该元素的id 

<body>
    <div id="box">
        <div id="text">

        </div>
        <input class="butt" id="button1" onclick="test1(this)" type="button" value="按钮1" />
        <input class="butt" id="button2" type="button" value="按钮2" />
    </div>
</body>
<script>
    function test1(e) {
        // 获取点击元素的id和坐标显示在id为text的div里
        document.getElementById("text").innerHTML = "通过onclick获取id，当前元素的id是:" + e.id;
    }
    function test2() {
        // 获取点击元素的id和坐标显示在id为text的div里
        document.getElementById("text").innerHTML = "通过addEventListener获取id，当前元素的id是:" + this.id;
    }

    button2.addEventListener("click",test2);
</script>

按下第一个按钮后会触发test1方法，并且将自己作为参数传给test1。第二个按钮是通过添加点击事件监听来和test2方法绑定，点击按钮2的时候会触发click事件，从而调用test2函数。

posted @ 2023-03-28 23:50  月火4526  阅读(843)  评论(0)  编辑  收藏  举报