将元素 ID 传递给 Javascript 函数

2024-06-05

我看到了很多与我的问题标题相关的帖子。

这是 HTML 代码:

<button id="button1" class="MetroBtn" onClick="myFunc(this.id);">Btn1</button>
<button id="button2" class="MetroBtn" onClick="myFunc(this.id);">Btn2</button>
<button id="button3" class="MetroBtn" onClick="myFunc(this.id);">Btn3</button>
<button id="button4" class="MetroBtn" onClick="myFunc(this.id);">Btn4</button>

这里有一个非常简单的 JS 函数:

function myFunc(id){
        alert(id);
}

你可以看到在JsFiddle http://jsfiddle.net/h7kRt/.

问题是 :

我不知道,也许没有通过this.id to myFunc功能,或者其他问题。

有什么问题 ?

任何帮助,将不胜感激。


这会起作用:

<!DOCTYPE HTML>
<html>
    <head>
        <script type="text/javascript">
            function myFunc(id)
            {
                alert(id);
            }
        </script>
    </head>

    <body>
        <button id="button1" class="MetroBtn" onClick="myFunc(this.id);">Btn1</button>
        <button id="button2" class="MetroBtn" onClick="myFunc(this.id);">Btn2</button>
        <button id="button3" class="MetroBtn" onClick="myFunc(this.id);">Btn3</button>
        <button id="button4" class="MetroBtn" onClick="myFunc(this.id);">Btn4</button>
    </body>
</html>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将元素 ID 传递给 Javascript 函数 的相关文章

随机推荐

  • 如何将 folium 地图包含到 PyQt5 应用程序窗口中?

    我想问如何将 folium 地图包含到 PyQt 5 窗口应用程序中 以便该地图不会占据整个窗口 我在 StackOverflow 上找到了类似的帖子 如何在 PyQt5 GUI 中显示 Folium 地图 https stackoverf
  • 从 MySQL 返回结果时的数字顺序

    我的数据库表中有以下类型的标题 Topic 1 blah blah Topic 2 blah blah Topic 3 blah blah Topic 10 blah blah Topic 11 blah blah etc 选择查询将始终返
  • RecyclerView 向上/向下滚动侦听器

    我们如何知道用户是否向下或向上滚动RecyclerView 我尝试过RecyclerView OnScrollListener 它给出垂直滚动量和滚动状态 我们如何获取开始拖动时的最后滚动位置以及滚动状态空闲时的滚动位置 接受的答案效果很好
  • 对象序列化 - 从 C# 或 java 到 Objective C

    服务器端 C 或 java 客户端 Objective C 我需要一种在 C java 中序列化对象并在 Objective C 中反序列化它的方法 我是 Objective C 的新手 我想知道从哪里可以获得有关此问题的信息 Thanks
  • 如何在 RichTextBox C# 中显示行号

    我正在制作一个带有代码突出显示的简单文本和脚本编辑器 为此 我使用 RichTextBox 但我不知道如何让它在左侧显示行号 就像在 VS 或 Notepad 中一样 有什么解决办法吗 我尝试重新使用其他地方引用的 codeproject
  • mutate() 尝试在使用美元符号运算符时使用全局变量的值进行提取

    我使用得到了有趣的结果mutate with a 当全局环境中碰巧存在与要提取的元素同名的变量时进行提取 我正在运行 R 3 1 3 和 dplyr 0 4 3 9 这工作正常 library dplyr df lt data frame
  • Node Red 不会自动加载流

    我已经在我的 raspberry pi 上成功安装了nodered 但问题是每次我编写流程时 我都必须将流程保存到flows raspberrypi json中并重新启动nodered服务器 如何让它自动保存节点 2 可能的事情 1 如果您
  • 更新 Android SDK 和工具时出现“未找到带有密钥模拟器的依赖包”错误

    我尝试更新 Android Studio 并收到此错误 我怎样才能解决这个问题 我对 Android studio 和 Android 应用程序开发没有太多经验 我正在使用 Android Studio 2 3 和 Linux 这对我有用
  • 在 VB6 中使用 Crystal Reports 时出现错误 20728-F

    我在 VB6 项目中使用 Crystal Reports 但在加载报表时遇到错误crystalreport1 action 1 请给我一些解决这个问题的方法 它显示错误为Error in 20728 F cryStockReport Rep
  • React 中的静态方法

    我正在查看 React 文档并遇到了静态方法 我想知道它在什么样的场景下可能有用 但想不出有什么用 在 React 中构建组件时 是否存在静态方法有用的特定场景 defaultProps and propTypes是 React 组件的静态
  • 在同一个 jupyter 单元中运行多个命令

    我试图同时显示 2 行的 2 个输出 我使用 Panda 库 它似乎只显示第二行的输出 import pandas as pd data state Ohio Ohio Ohio Nevada Nevada year 2000 2001 2
  • 在 Windows 上为 Bitbucket 设置 SSH 密钥

    首先 我对 git repos 和命令行绝对是菜鸟 我在 Bitbucket 上有仓库 我基本上希望能够通过 gitbash 推送到存储库 而无需每次输入密码 我拥有的 Bitbucket 上的存储库已设置好代码 克隆存储库的本地目录 通过
  • 未找到键为“”的资源对象。自动部署的 ASP.NET MVC3 应用程序

    我有一个使用 LocalResources 本地化的 ASP NET MVC 3 应用程序 一切 一如既往 在我的机器上运行 但是当应用程序部署 通过 tfs 自动部署 到我的测试环境时 我收到以下错误 未找到键为 的资源对象 我的资源文件
  • android UI线程堆栈大小限制是什么以及如何克服它?

    我越来越java lang StackOverflowError 错误当我的视图层次结构被绘制时 at android view View draw View java 6880 at android view ViewGroup draw
  • 获取非零数据的列意味着

    R 可以获得数据帧非零值的 colMeans 吗 data lt data frame col1 c 1 0 1 0 3 3 col2 c 5 0 5 0 7 7 colMeans data 1 33 4 我想要这样的东西 mean dat
  • Android N 中未针对“ul”、“li”调用 Html 标记处理程序

    我们有一个习俗TagHandler在我们的应用程序中用于项目符号列表等 html ul li First item li li Second item li ul if android os Build VERSION SDK INT gt
  • iPhone 上的 TCP 打洞

    我已经阅读了一些内容 虽然我是 iPhone 网络的新手 但我想知道 TCP 打孔是否可以通过 NAT 连接两台 iPhone 我还阅读了一些有关 uPnP 和发夹的有用内容 但我根本不熟悉这些内容 所以如果有人对这是否可能有任何想法 我的
  • 如何将资产图像转换为文件?

    有没有办法将资产图像用作文件 我需要一个文件 以便可以使用它通过 http 在互联网上进行测试 我尝试过 Stackoverflow com 的一些答案 如何使用 image file 加载图像 https stackoverflow co
  • IntelliJ - 从文件中获取标准输入

    我需要从 IntelliJ IDEA 中的文件获取标准输入 java BinarySearch tinyW txt lt tinyT txt tinyT txt 是作为标准输入的文件 tinyW txt 是另一个文件 它作为命令行参数传递给
  • 将元素 ID 传递给 Javascript 函数

    我看到了很多与我的问题标题相关的帖子 这是 HTML 代码