第一次运行页面的时候，页面常常什么也显示不了，在浏览器左下角就出现“错误提示：'document.getElementById(...)' 为空或不是对象。
刷新一次就能正常显示。
页面里涉及'document.getElementById'的语句有以下几句(都是写在head与head之间）:

function showHideCity(i){
for(var j=1;j<=3;j++){
if(i==j){
document.getElementById("city"+j).innerHTML="<img src=images/d"+j+"a.gif />";
document.getElementById("id"+j).style.display="block";
}else{
document.getElementById("city"+j).innerHTML="<img src=images/d"+j+".gif />";
document.getElementById("id"+j).style.display="none";
}}}

function showMenu(i){
for(var j=1;j<=3;j++){
document.getElementById("subNav"+j).style.display=(i==j)?"block":"none";
}}
function showDate(){
//这里有一些语句的，省略了
document.getElementById("dateText").innerHTML="<span  class='mainText'>您好，欢迎光临，今天是"+y+"年"+m+"月"+dd+"日</span>";
//这里有一些语句的，省略了
}

说明一下，这些 id 名称在页面里都是存在的。
请教是什么问题？