javascript - 通过类名更改按钮的背景

标签 javascript php css

<分区>

我有一个按钮,我想在特定条件下更改其背景颜色。当我使用 ID 时它起作用,但当我使用类名时它不起作用。有什么想法吗?

按钮:

<a href="" class="btn btn-default" id="reset" onclick="reset();" style="width:150px; background-color:black; color:white;">Zurücksetzen</a>

代码:

... if(com == true && (IDs.length >= correctOrder.length))
    {
        document.getElementsByClassName('btn btn-default').style.backgroundColor = "green";
        document.getElementById('messagewindow')
        .innerHTML = 'Done!';
    }else
    {
        document.getElementsByClassName('btn btn-default').style.backgroundColor = "red";
        document.getElementById('messagewindow')
        .innerHTML = 'Try again!';
    }

最佳答案

document.getElementsByClassName() 返回一个节点集合,因此如果您只有一个元素以该类名为目标,您需要访问第一个元素

document.getElementsByClassName('btn-default')[0]

在这种情况下,您还可以使用 querySelector()

document.querySelector('.btn-default')

关于javascript - 通过类名更改按钮的背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50371500/

相关文章:

php - 如何将 php 与 bash 脚本连接或将变量从 php 传递到 bash 脚本

css - 悬停显示 block CSS

mobile - 媒体查询 VS。不同移动格式的流体网格

javascript - karma 测试 - 服务注入(inject)错误

javascript - svg 将矩阵符号转换为旋转/平移

php - 如何在免费的 cPanel 主机中运行 PHP 聊天程序?

php - XAMPP:无法启动 Apache (Windows 10)

jquery - 简单的 Jquery 事件不起作用

javascript - 'Hamming' javascript 测试 (Exercism) - 匹配两个字符串之间的字母

javascript - 仅当我按 F12 调出控制台时,表单才能在 Internet Explorer 中工作