如何用javascript更改div的背景顏色

-5

我知道這對許多人來說可能看起來很簡單，但對我來說卻並非如此，所以我在這裏請求您的幫助。如何用javascript更改div的背景顏色

我有一個javascript函數返回一些顏色，然後有一個單獨的div應該接受來自該函數的背景顏色。

我得到的功能，這樣的結果：

var _myColor = GenerateColor(value).color;

和_myColor的結果是：＃742322

我怎麼會現在迫使這個顏色裏格作爲我背景顏色

<div class="myColorClass" stlye="background-color:"></div>

謝謝！

來源

2017-09-01 aiden87

的可能的複製[如何使用JavaScript來改變DIV的backgroundColor]（https://stackoverflow.com/questions/1874560/ho w-to-use-javascript-to-change-div-backgroundcolor） –

請參閱[this]（https://api.jquery.com/css/）。 – Nisarg

JQuery提供了一種名爲.css()的方法。如果你傳遞了一個屬性（像background-color這樣的css屬性），你將得到這個屬性的值。如果你通過第二個屬性，第二個屬性就是屬性的值。

$("#mydiv").css("background-color", "#F0F0F0");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="mydiv">This is my div.</div>

來源

2017-09-01 06:49:48 Wernerson

我認爲OP在標題'javascript' –

是說，是的，jQuery是Javascript，他在標籤中提到他使用jQuery ... – Wernerson

一個非常簡單和乾淨的解決方案。作品完美！謝謝！ – aiden87

試試這個：

document.getElementsByClassName('myColorClass')[0].style.backgroundColor = color;

來源

2017-09-01 06:52:15 Aaron

這裏是用純Java腳本的另一個解決方案喜歡編碼

<div> 
    <form> 
     <input type="text" placeholder="first input"></input> 
     <input id="secondtext" type="text" placeholder="second text"></input> 
    </form> 
</div> 
<div id="div1"> 
    hello 
</div> 
<button onclick="backcolor()">ClickToChangeColor</button> 
function backcolor() 
{ 
    document.getElementById('div1').style.backgroundColor = 'red'; 
}

來源

2017-09-01 07:01:46

如何用javascript更改div的背景顏色

回答

相關問題