Java教程

JavaScript关于如何实现点击即可获取属性值。

本文主要是介绍JavaScript关于如何实现点击即可获取属性值。，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

JavaScript关如何获取所点击元件的属性值

事件背景：百度不到如何解决此类问题，于是运用自己的小脑袋及所学基本js知识来解决（某度真的垃圾）

1.事件

以获取标签内的id值为例，代码如下：

//这里编写一个事件，参数(形参)event是指点击的对象
  function getId(event) {
            el = window.event.target
            console.log(el.id);
        };

2.事件的调用

    <button id="btn1" onclick="getId()">获取ID</button>
    <button id="btn2" onclick="getId()">获取ID</button>
    <button id="btn3" onclick="getId()">获取ID</button>
    <button id="btn4" onclick="getId()">获取ID</button>

通过点击事件即可，点到那，获取到那。

3.效果展示

点击前

在这里插入图片描述

点击后

在这里插入图片描述

总结：

其实这个挺简单的，第一次写文章，凑个数，嘿嘿，有想法的分享给我一下。

这篇关于JavaScript关于如何实现点击即可获取属性值。的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航