javascript - 如何使用 Javascript 和 Ajax 更改 div 背景颜色?

标签 javascript jquery ajax

我正在尝试使用 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>

这段代码哪里错了?

任何帮助将不胜感激。

最佳答案

问题是 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>

关于javascript - 如何使用 Javascript 和 Ajax 更改 div 背景颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25948960/

相关文章:

javascript - 滚动到页面顶部(在 chrome 中不起作用)

jquery - 使用属性或选择器

jquery - asp.net 网站性能 - 1 个页面缓慢会影响同一浏览器 session 上的其余页面

javascript - php codeigniter - 使用 ajax 取回默认值

javascript - 脚本不适用于加载 Ajax 的内容

javascript - 如何自定义 v-for 使用 v-if 在 div 标签中创建一个类

javascript - ExtJS组合设置问题

javascript - 如何调用JS .apply()方法

javascript - jQuery 类选择器 : With or Without tagname?

javascript - jQuery fullcalendar 在按键时不获取事件