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 标记的开头或结尾。

参见 Why does jQuery or a DOM method such as getElementById not find the element? , 基本相同。