Question

所以我尝试改变一个盒子的背景，但我明白了。我需要你而不是我在这个页面上读过的所有答案，没有一个不能解决我的问题。我觉得这是因为我是编程新手。这是代码：

        <button onclick="changeBG('box1','#F0F');">Magenta</button>

        <div id="box1"> content in box1</div>

        <style type="text/css">
                    div#box1{
                        background-color: #9dceff;
                        width:400px;
                        height:200px;   
                    }
        </style>
        <script type="text/javascript">
                        function changeBG(el,color){
                           var elem = document.getElementById('el');
                           elem.style.transition ="background 1.0s linear 0s ";
                           elem.style.background =color;
                        }
        </script>

提前谢谢

Answer 1

如果您使用

var elem = document.getElementById('el');

elem将是id="el"的元素。

您应该使用以下内容：

var elem = document.getElementById(el);

如果您希望elem成为id变量中el字符串的元素。

未捕获的TypeError：无法读取null的属性'style'

1 个答案: