未捕获的类型错误:无法读取属性'style'为null

Uncaught TypeError : Cannot read property 'style' of null

本文关键字：属性 style null 读取 类型 错误      更新时间：2023-09-26

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

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

提前感谢

如果使用

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

CCD_ 1将是具有CCD_ 2的元素。

您应该使用以下内容：

var elem = document.getElementById(el);

如果您希望elem是them元素，并且el变量中的字符串具有id。

相关文章：