2014-09-20 107 views
0

我试图改变使用Ajax和JavaScript,div背景颜色,但我的代码是不工作:如何使用Javascript和Ajax更改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> 

如果我错了这段代码?

任何帮助将不胜感激。

回答

1

问题是没有定义​​。您可以使用"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> 
+0

不工作 – 2014-09-20 13:22:02

+0

@satyamsharma可能是因为'if(i == 1)'部分 – Progo 2014-09-20 19:02:09

0

你忘了布莱希特和绿色需求是一个字符串,所以:

<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> 
0

通过可变打字绿色传递。输入“Green”代替