2012-08-03 90 views
1

我正在构建这个小的cookiecript,它在单击按钮时创建一个cookie,然后隐藏该消息。JavaScript:未捕获TypeError:无法读取属性'样式'null

但现在我建立隐藏消息(DIV#饼干),当饼干被SEET功能,但我得到这个错误每次,但我的DIV确实存在:

Uncaught TypeError: Cannot read property 'style' of null 

现在这些都我正在使用的脚本,任何人都可以帮忙吗? :)

<script type="text/javascript"> 
     function createCookie(name,value,days) { 
      if (days) { 
       var date = new Date(); 
       date.setTime(date.getTime()+(days*24*60*60*1000)); 
       var expires = "; expires="+date.toGMTString(); 
      } 
      else var expires = ""; 
      document.cookie = name+"="+value+expires+"; path=/"; 
     } 

     function readCookie(name) { 
      var nameEQ = name + "="; 
      var ca = document.cookie.split(';'); 
      for(var i=0;i < ca.length;i++) { 
       var c = ca[i]; 
       while (c.charAt(0)==' ') c = c.substring(1,c.length); 
       if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); 
      } 
      return null; 
     } 

     function eraseCookie(name) { 
      createCookie(name,"",-1); 
     } 
     </script> 

而这一点,在那里,曾经的 'hidediv' 给出了错误,但没有工作的一个按钮,当点击:

<script type="text/javascript"> 
      function hidediv() { 
       if (document.getElementById) { 
        document.getElementById('cookie').style.visibility = 'hidden'; 
        createCookie('uscnCookieScriptJS','uscninternetservicescookiescriptjavascriptversion',365) 

       } 
       else { 
        if (document.layers) { 
         document.hideShow.visibility = 'hidden'; 
         createCookie('uscnCookieScriptJS','uscninternetservicescookiescriptjavascriptversion',356) 
        } 
        else { 
         document.all.hideShow.style.visibility = 'hidden'; 
         createCookie('uscnCookieScriptJS','uscninternetservicescookiescriptjavascriptversion',356) 
        } 
       } 
      } 

      function showdiv() { 
       if (document.getElementById) { 
        document.getElementById('cookie').style.visibility = 'visible'; 
       } 
       else { 
        if (document.layers) { 
         document.hideShow.visibility = 'visible'; 
        } 
        else { 
         document.all.hideShow.style.visibility = 'visible'; 
        } 
       } 
      } 
     </script> 
     <script type="text/javascript"> 
     if (document.cookie.indexOf("uscnCookieScriptJS") >= 0) { 
      alert("yes"); 
      hidediv(); 
     } 
     else { 
      alert("no"); 
     } 
     </script> 

该脚本可以在这里找到:http://dev.uscn.nl/cookiescript/v2/

+0

您在HTML中没有元素hideShow,但这只会在不支持的浏览器中导致错误getElementById – 2012-08-03 09:20:25

+1

不支持getElementById(srsly?)的浏览器只会引发getElementById不是函数或类似错误。你不会看到风格是空的或任何。 – Esailija 2012-08-03 09:23:50

+0

也许,问题是你在加载实际的HTML内容之前调用javascript函数.. – 2013-09-25 20:51:51

回答

4

问题是,在加载实际的HTML内容之前,您正在调用hidediv()函数。将脚本放在文档末尾(在关闭body标记之前)或将其设置为window.onload /在文档准备就绪时

相关问题