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?, это в основном то же самое.