Culoarea de fundal CSS în JavaScript

fr hi bn

15 răspunsuri

autor Wally Lawless · Answer 1 · 1970-01-01T03:00Z

Sau, folosind un mic jQuery:

$('#fieldID').css('background-color', '#FF6600');

0

adăugat 01 ianuarie 1970 la 03:00 autor Wally Lawless

Sunt cotele coborâte pentru că am referit la jQuery? doar curios

adăugat 19 decembrie 2013 la 05:30, autor Wally Lawless, sursa

Cel mai probabil, deoarece OP a cerut Javascript;)

adăugat 18 martie 2014 la 03:07, autor Lodder, sursa

autor tags2k · Answer 2 · 1970-01-01T03:00Z

var element = document.getElementById ("element"); element.style.background = '# FF00AA';

autor james.garriss · Answer 3 · 1970-01-01T03:00Z

Adăugați acest element de script la elementul corpului dvs.:

<body>
  <script type="text/javascript">
     document.body.style.backgroundColor = "#AAAAAA";
  </script>
</body>

autor Saeed Py · Answer 4 · 1970-01-01T03:00Z

Poți să folosești:

  <script type="text/javascript">
     Window.body.style.backgroundColor = "#5a5a5a";
  </script>

autor Mr.Pandya · Answer 5 · 1970-01-01T03:00Z

Javascript:

document.getElementById("ID").style.background = "colorName"; //JS ID

document.getElementsByClassName("ClassName")[0].style.background = "colorName"; //JS Class

jquery:

$('#ID/.className').css("background","colorName") // One style

$('#ID/.className').css({"background":"colorName","color":"colorname"}); //Multiple style

autor Ian Oxley · Answer 6 · 1970-01-01T03:00Z

S-ar putea să găsiți că codul dvs. este mai ușor de întreținut dacă păstrați toate stilurile dvs. etc. în CSS și setați / dezactivați doar nume de clase în JavaScript.

CSS-ul dvs. ar fi în mod evident ceva de genul:

.highlight {
    background:#ff00aa;
}

Apoi, în JavaScript:

element.className = element.className === 'highlight' ? '' : 'highlight';

autor David Wengier · Answer 7 · 1970-01-01T03:00Z

În general, proprietățile CSS sunt convertite în JavaScript, făcându-le camelCase fără liniuțe. Deci background-color devine backgroundColor .

function setColor(element, color)
{
    element.style.backgroundColor = color;
}

0

adăugat 01 ianuarie 1970 la 03:00 autor David Wengier

Aș dori să adaug culoarea evident trebuie să fie în citate element.style.backgroundColor = "culoare"; de exemplu - element.style.backgroundColor = "portocaliu"; răspuns excelent

adăugat 01 iulie 2016 la 08:05, autor Catto, sursa

În testele Selenium: ((IJavaScriptExecutor) WebDriver) .ExecuteScript ("argumente [0] & zwnj; .style.background = 'galben';", webElement);

adăugat 15 martie 2018 la 03:31, autor nexoma, sursa

@Catto În acest caz, culoarea este un argument pentru funcție, prin urmare nu ar trebui să fie în citate. Cu toate acestea, aveți dreptate că, în mod normal, dacă setați o culoare, vor fi necesare citate în JS.

adăugat 24 martie 2018 la 08:37, autor Bharat Mallapur, sursa

autor Ajay Gupta · Answer 8 · 1970-01-01T03:00Z

Puteți încerca asta

var element = document.getElementById('element_id');
element.style.backgroundColor = "color or color_code";

Exemplu.

var element = document.getElementById('firstname');
element.style.backgroundColor = "green";//Or #ff55ff

JSFIDDLE

autor Zardiw · Answer 9 · 1970-01-01T03:00Z

Răspunsul KISS:

document.getElementById('element').style.background = '#DD00DD';

0

adăugat 01 ianuarie 1970 la 03:00 autor Zardiw

cum putem face asta pentru clasă?

adăugat 26 februarie 2015 la 06:54, autor Vignesh Subramanian, sursa

Pentru clasa document.getElementByClass ('element') style.background = '# DD00DD';

adăugat 04 noiembrie 2016 la 08:21, autor MD Ashik, sursa

autor bluelog · Answer 10 · 1970-01-01T03:00Z

Puteți face acest lucru cu JQuery:

$(".class").css("background","yellow");

autor hamed · Answer 11 · 1970-01-01T03:00Z

poți să folosești

$('#elementID').css('background-color', '#C0C0C0');

0

adăugat 01 ianuarie 1970 la 03:00 autor hamed

@ Novocaine jQuery este scris folosind JavaScript, Da. dar încă $ nu va funcționa dacă nu includeți biblioteca jQuery;)

adăugat 11 noiembrie 2015 la 01:20, autor Vignesh Subramanian, sursa

aceasta este jQuery nu javascript

adăugat 26 februarie 2015 la 06:54, autor Vignesh Subramanian, sursa

@vignesh jQuery este JavaScript -__-

adăugat 11 noiembrie 2015 la 12:53, autor Novocaine, sursa

autor Roger Causto · Answer 12 · 1970-01-01T03:00Z

  var element = document.getElementById ('element');

element.onclick = funcția() {
  element.classList.add ( 'backGroundColor');
  
  setTimeout (funcția() {
    element.classList.remove ( 'backGroundColor');
  }, 2000);
};

  .backGroundColor {
    fundal-culoare: verde;
}

</div> </div> </div> </div> </div></div>

autor Jeff · Answer 13 · 1970-01-01T03:00Z

$(".class")[0].style.background = "blue";

0

adăugat 01 ianuarie 1970 la 03:00 autor Jeff