javascript - Javascript がスタイルを更新しない

Question

なぜこれが機能しないのですか？ localStorage.fontSize適切な値が含まれていますが、最初document.body.style.fontSize = localStorage.fontSize + "pt";のものはスタイルを更新しません。

<script type="text/javascript">

if(!localStorage.fontSize){
    localStorage.fontSize = Number(11); 
}
else{
    document.body.style.fontSize = localStorage.fontSize + "pt"; /* This row doesnt run */
}

function resetFont(){
    localStorage.fontSize = Number(11);
    document.body.style.fontSize = "11pt";
}
function enlargeFont(){
    localStorage.fontSize++;
    document.body.style.fontSize = localStorage.fontSize + "pt"; /* But this does if called */
}

</script>

jQuery スニペットは使用しないでください。

Answer 1

document.bodyコードが実行された時点では存在しないようです。bodyコードをタグの先頭または末尾に移動します。

jQuery または getElementById などの DOM メソッドで要素が見つからないのはなぜですか?を参照してください。、基本的に同じです。