如何使用javascript将div背景设置为新的bgcolor,而不显示以前的bgcolor?

如何使用javascript将div背景设置为新的bgcolor,而不显示以前的bgcolor?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如何使用javascript将div background设置为newbgcolor,而不显示以前的bgcolor 必须以慢速进行测试,当测试代码时,我会看到旧的bgcolor(黑色)在新的bgcolor(红色)之前。如何仅通过不显示旧的bgcolor(黑色)来显示新的bgcolor(红色) document.getElementById(“xx”).style.backgroundColor=“红色”; 您的javascript工作正常,但下面是我要编写的快速代码: HTML JQuery

如何使用
javascript
将div background设置为new
bgcolor
,而不显示以前的bgcolor

必须以慢速进行测试,当测试代码时,我会看到旧的
bgcolor
(黑色)在新的
bgcolor
(红色)之前。如何仅通过不显示旧的
bgcolor
(黑色)来显示新的
bgcolor
(红色)


document.getElementById(“xx”).style.backgroundColor=“红色”;

您的javascript工作正常,但下面是我要编写的快速代码:

HTML

JQuery

$(document).ready(function(){
 $("#xx").css({"background-color":"red"});
});
如果愿意,可以使用jquery,但如果不想,可以使用问题中给出的javascript

Javascript(如果使用此代码,请不要使用jquery代码)

试试这个

$(document).ready(function()
 { 
  $("#xx").css("background-color","red");
  });

你能重新措辞你的问题吗?我不明白。那为什么不先把div bgcolor设置为红色呢?!你的div有内联css还是外部css?很多问题,为什么不设置初始css样式,你想要香草JS还是Jquery?你的小提琴链接jquery;但是,您使用的是香草Js。“你说慢速测试是什么意思?”马格林伯格,我想我应该记录屏幕,并降低每秒帧数——一个想法!
#xx{
 width:500px;
 height:500px;
background-color:black;
}
$(document).ready(function(){
 $("#xx").css({"background-color":"red"});
});
document.getElementById("xx").style.backgroundColor="red";
$(document).ready(function()
 { 
  $("#xx").css("background-color","red");
  });