如何使用javascript将div背景设置为新bgcolor之前不显示旧的bgcolor？

Question

如何使用bgcolor将div背景设置为新的javascript，而不是之前不显示旧的bgcolor？

必须以慢速测试，当测试代码我会在新bgcolor（红色）之前看到旧的bgcolor（黑色）。如何显示新的bgcolor（红色）只是为了不显示旧bgcolor（黑色）？

https://jsfiddle.net/cj1do7pv/1/

<script>
    document.getElementById("xx").style.backgroundColor  = "red";
</script>

Answer 1

你的javascript工作正常但是我会写一个快速的代码：

HTML

<div id="xx"></div>

CSS

#xx{
 width:500px;
 height:500px;
background-color:black;
}

JQuery的

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

如果您愿意，可以使用jquery，但如果您不想，可以使用您在问题中提供的javascript

Javascript（如果你使用这个不使用jquery代码）

document.getElementById("xx").style.backgroundColor="red";

Answer 2

试试这个

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