Question

我有一个按钮，其背景颜色我想在某种条件下改变。当我使用它时，它可以工作，但是当我使用类名时。有什么想法吗？

按钮：

<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!';
    }

Answer 1

document.getElementsByClassName()返回节点集合，因此如果您只有一个该类名称所针对的元素，则需要访问第一个元素

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

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

document.querySelector('.btn-default')

通过classname更改按钮的背景

1 个答案: