Javascriptクッキーを使ったスタイリング

Question

クッキーの値を取得できるようですが、対応するIDのスタイルは変更されません。私は何が欠けていますか？

function getCookie(name) { 
     var cookieName = document.cookie; 
     var prefix = name + "="; 
     var begin = cookieName.indexOf("; " + prefix); 
     if (begin == -1) { 
      begin = cookieName.indexOf(prefix); 
      if (begin != 0) return null; 
     } else begin += 2; 
     var end = cookieName.indexOf(";", begin); 
     if (end == -1) end = cookieName.length; 
     return unescape(cookieName.substring(begin + prefix.length, end)); 
    } 
    var value = getCookie('nameCookie'); 
    document.getElementById(value).style.height = "10%"; 

次のコードも動作しません

var value = getCookie('nameCookie'); 
    if (value == 'test') { 
      document.getElementById('test').style.height = "10%"; 
    } 

Answer 1

あなたseem to be able to retrieve the value of the cookie ので、問題は、コードが実行されるとDOMはまだ準備ができていないので、それは要素を見つけることができないということです。要素がロードされた後、スクリプトが実行されていることを確認します。

</body>を閉じる直前にスクリプトブロックを配置するだけです。