如何使用javascript通過不顯示舊的bgcolor之前將div背景設置爲新的bgcolor？

Question

如何使用javascript將div背景設置爲新的bgcolor通過不顯示舊的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給了（如果你使用這個不使用jQuery代碼）

的javascript

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

Answer 2

試試這個

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