1. <style>
    2. div{
    3. width: 100px;
    4. height: 100px;
    5. border:1px solid red;
    6. }
    7. </style>
    8. <div id="mydiv"></div>
    9. <script>
    10. //返回一个随机数的颜色
    11. function getColor(){
    12. var arr = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9",
    13. "a", "b", "c", "d", "e","f"];
    14. var str = "#";
    15. for(var i=0;i<6;i++){
    16. //生成0~16的随机数
    17. var r = parseInt(Math.random()*16);
    18. str += arr[r];
    19. }
    20. return str;
    21. }
    22. //根据id找到对应的页面元素
    23. var div = document.getElementById("mydiv");
    24. //修改style里面backgroundColor
    25. /*
    26. <style>
    27. div{
    28. background-color : red;
    29. }
    30. </style>
    31. */
    32. div.style.backgroundColor = getColor();
    33. </script>

    test.gif