web-dev-qa-db-ger.com

Tastenfarbe programmgesteuert ändern

Gibt es eine Möglichkeit, die Farbe einer Schaltfläche oder zumindest die Farbe der Tastenbeschriftung programmgesteuert zu ändern? Ich kann die Beschriftung selbst mit ändern 

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

Aber wie kann man die Farbe ändern?

javascriptbuttonlabeldashboard
21
Zsolt

Ich habe endlich einen Funktionscode gefunden - probieren Sie folgendes:

document.getElementById("button").style.background='#000000';
22
Maurizio Pozzobon

Hier ist ein Beispiel mit HTML:

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

Und hier ist ein Beispiel mit JavaScript:

document.getElementById("button").bgcolor="#Insert Color Here";
6
Nathan Campos

Wahrscheinlich am besten, um den Klassennamen zu ändern:

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

Dann fügen Sie dem CSS einen Schaltflächenstil hinzu, in dem Sie die Hintergrundfarbe und alles andere einstellen können.

5
matpol
use jquery :  $("#id").css("background","red");
1
Praveen Kumar K R

Ich glaube, du willst bgcolor. Etwas wie das:

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

Hier sind ein paar Demos, die helfen könnten:

Hintergrundfarbe

Hintergrundfarbwechsler

0
DOK

Wenn Sie es einer Klasse zuordnen, sollte es funktionieren:

<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
Jonathan Fascetti

Versuchen Sie diesen Code Vielleicht möchten Sie so etwas 

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

Geben Sie anschließend in Ihrer .js-Datei Folgendes ein

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

function mouseOver() {
    tag.style.background="yellow";
};
function mouseOut() {
    tag.style.background="white";
};
0
user9919032