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

你忘了一个支架，绿色需要是一个字符串，所以：

<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

通过键入绿色您传入变量。键入＆＃34;绿色＆＃34;代替

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

3 个答案: