Javascript(不是jquery)按钮onclick,函数更改按钮调用函数的类

标签 javascript function button

我知道您可以使用

更改按钮的类别
 document.getElementById("ID1").setAttribute("class", "NewClass");

但是假设我想在单击按钮时将类更改为事件,是否有办法在不为按钮分配 ID 的情况下执行此操作?
我也不想更改此类的所有按钮,并且我知道您也可以使用按类获取元素。

这些按钮是由另一段 JavaScript 生成的,看起来像

    <button class="btn" onclick="myFunction(this.innerHTML)">A</button>
    <button class="btn" onclick="myFunction(this.innerHTML)">B</button>
    <button class="btn" onclick="myFunction(this.innerHTML)">C</button>
    <button class="btn" onclick="myFunction(this.innerHTML)">D</button>
    <button class="btn" onclick="myFunction(this.innerHTML)">F</button>
    <button class="btn" onclick="myFunction(this.innerHTML)">G</button>

如有任何帮助,我们将不胜感激。
另外,如果您需要更多信息,请告诉我。

最佳答案

<button class="btn" onclick="myFunction(this)">A</button>


<script>
function myFunction(button) {
    var text = button.innerHTML;
    // do whatever with text that you were doing before...
    button.setAttribute("class", "active");
}
</script>

关于Javascript(不是jquery)按钮onclick,函数更改按钮调用函数的类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26586379/

相关文章:

javascript - BAD_REQUEST_ERROR - Nodejs 请求方法

javascript - 当从 ngRepeat 选中复选框时填充输入

javascript - 从单独的文件加载 underscore.js 模板

ios - 列表中的奇怪按钮行为(SwiftUI)

php - 使用php从mysql捕获数据通过ajax发送到js并填充表

Python - 从对象列表中调用对象

c++ - 如何比较两个函数的签名?

java - 如何将 Web 生成的内容导入到 Java 应用程序中?

ios - iOS 上带有 Storyboard 的 TableView 导航栏中的返回、编辑和添加按钮

java - 通过使用 setSelected 事件单击另一个切换按钮来更改切换按钮的状态