Question

我正在尝试使用onclick javascript函数更改input-group-addon背景颜色。似乎我不能让这个工作。

有人有想法吗？

color =颜色的名称（例如＆＃39;红色＆＃39;）。

<script type="text/javascript">
    function changeColor(color, id) {
        document.getElementById('onColor').innerHTML = color;
    }
</script>

背景颜色设置为红色。 如何从函数changeColor而不是文本红色中获取文本回显？所以我可以将任何颜色加入到我想要的颜色中，并且点击的单选按钮上的颜色会发生变化。

 <div class="input-group" style="width:100%">
                        <span class="input-group-addon" style="background-color:red"></span>
                        <input id="bet" type="number" class="form-control" name="bet" placeholder="Lira">
                    </div>

修改用javascript看似样式改变就是答案（不是innerHTML）。请参阅：Change CSS properties on click

Answer 1

使用document.getElementById(id).style更改元素的 css ，而不是innerHTML。

<div class="input-group" style="width:100%">
  <span id="input-addon" class="input-group-addon"> Span </span>
  <input id="bet" type="number" class="form-control" name="bet" placeholder="Lira">
</div>


<button onclick="changeColor('red', 'input-addon')">Change Color</button>
  


<script type="text/javascript">
  function changeColor(color, id) {
    document.getElementById(id).style.color = color;
  }
</script>

input-group-addon使用onclick更改颜色

1 个答案: