Изменение цвета кнопки программно - PullRequest
Новая
       48

Изменение цвета кнопки программно

22 голосов
/ 30 ноября 2009

Есть ли способ изменить цвет кнопки или хотя бы цвет метки кнопки программно? Я могу изменить сам ярлык с помощью 

document.getElementById("button").object.textElement.innerText = "newlabel";

а как поменять цвет?

Ответы [ 7 ]

24 голосов
/ 13 ноября 2010

Я наконец нашел рабочий код - попробуйте это: 

document.getElementById("button").style.background='#000000';
6 голосов
/ 30 ноября 2009

Вот пример использования HTML: 

<input type="button" value="click me" onclick="this.style.color='#000000';
this.style.backgroundColor = '#ffffff'" />

А вот пример использования JavaScript: 

document.getElementById("button").bgcolor="#Insert Color Here";
5 голосов
/ 30 ноября 2009

Вероятно, лучше изменить className: 

document.getElementById("button").className = 'button_color';

Затем вы добавляете стиль кнопки в CSS, где вы можете установить цвет фона и все остальное.

1 голос
/ 01 сентября 2014 
use jquery :  $("#id").css("background","red");
0 голосов
/ 24 августа 2018

Если вы назначаете его классу, он должен работать: 

<script>
  function changeClass(){
    document.getElementById('myButton').className = 'formatForButton';
  }
</script>

<style>
  .formatForButton {
    background-color:pink;
   }
</style>

<body>
  <input id='myButton' type=button class=none value='Change Color to pink' onclick='changeClass()'>
</body>
0 голосов
/ 09 июня 2018

Попробуйте этот код Вы можете захотеть что-то вроде этого 

<button class="normal" id="myButton" 
        value="Hover" onmouseover="mouseOver()" 
        onmouseout="mouseOut()">Some text</button>

Затем в файле .js введите это. Убедитесь, что ваш html подключен к вашему .js 

var tag=document.getElementById("myButton");

function mouseOver() {
    tag.style.background="yellow";
};
function mouseOut() {
    tag.style.background="white";
};
0 голосов
/ 30 ноября 2009

Я верю, что вы хотите bgcolor. Примерно так: 

document.getElementById("button").bgcolor="#ffffff";

Вот несколько примеров, которые могут помочь:

Цвет фона

Фоновый чейнджер

...