Question

        <div class="navbar-header">
            <button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
                <i class="fa fa-reorder"></i>
            </button>
            <a href="#" class="navbar-brand">Cruz Control</a>
        </div>

我想为我的按钮添加颜色，我在整个脚本中都使用了javascript。

请，＆安培; 谢谢。

Answer 1

如果使用bootstrap，可以添加这样的颜色。

$('button').addClass('bg-white'); //if you want white

试试这个。

Answer 2

如果你真的需要使用纯javascript：

对于文档中的所有按钮：

var buttons = document.getElementsByTagName('button')

for (var i = 0; i < buttons.length; i++) {
    buttons[i].style.color= 'red';
}

如果您只想影响具有特定类的元素，那么：

var elements= document.getElementsByClassName('your-class')

for (var i = 0; i < elements.length; i++) {
    elements[i].style.color= 'red';
}

如果您只想影响一个元素，请给它一些id，然后：

document.getElementById('yourId').style.color= 'red';

或者你可以使用jQuery，那么：

$('button').css('color', 'green');

颜色是否添加到html中的预设（导航栏）？

2 个答案: