如何使用Javascript和Ajax更改div背景颜色？

Question

我正在尝试使用Ajax和Javascript更改div背景颜色，但是我的代码无法正常工作：

码：

<script type="text/javascript">
    window.rowcount=function() {
        var exam = new XMLHttpRequest();
        exam.onreadystatechange = function() {
            if (exam.readyState == 4) {                             
                var i=document.getElementById("newdata").innerHTML = exam.responseText;
                if(i==1){
                    document.getElementsById("newdata").style.backgroundColor = green;                  
                }

            }
        }
        exam.open("GET", "demo1.php?", true);
        exam.send(null);

</script>

我在此代码中哪里写错了？

任何帮助将不胜感激。

Answer 1

问题是未定义green 。 您可以使用"green"或#00FF00 。

尝试这个：

    <script type="text/javascript">
    window.rowcount=function() {
        var exam = new XMLHttpRequest();
        exam.onreadystatechange = function() {
            if (exam.readyState == 4) {


                var i=document.getElementById("newdata").innerHTML = exam.responseText;
             if(i==1){
                  document.getElementsById("newdata").style.backgroundColor = "#00FF00";

             }

            }
        }
        exam.open("GET", "demo1.php?", true);
        exam.send(null);

    </script>

Answer 2

您忘记了bracet，绿色必须是字符串，因此：

<script type="text/javascript">
  window.rowcount=function(){
    var exam=new XMLHttpRequest();
    exam.onreadystatechange=function(){
      if(exam.readyState==4){
        var i=document.getElementById("newdata").innerHTML=exam.responseText;
      }
      if(i==1){
        document.getElementsById("newdata").style.backgroundColor="green";
      }
    }
  }
  exam.open("GET", "demo1.php?", true);
  exam.send();
</script>

Answer 3

通过键入绿色，您可以传入变量。 键入“绿色”代替