Uncaught TypeError：無法讀取屬性'樣式'null

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"的元素。如果你想elem是它們與字符串的id元素el可變

var elem = document.getElementById(el); 

：

您應該改用以下。