如何用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的背景颜色

回答

相关问题