div无内容时不显示

Question

在Chrome中，刷新的时候“晚上好！”那个div的内容会出现跳动HTML:<div class="time"></div><h1>留言板</h1>JS：window.onload = function(){    //根据当前时间输出相应信息    var timeShow = document.getElementsByClassName("time");    var nowTime = new Date();    var nowHour = nowTime.getHours();    if(nowHour > 6 && nowHour < 12){        timeShow[0].innerHTML = "早上好！";    }    else if(nowHour > 12 && nowHour < 18){        timeShow[0].innerHTML = "下午好！";    }    else{        timeShow[0].innerHTML = "晚上好！";    }}不希望出现跳动，望解决，谢谢。

Answer 1

css给div加一个高度

Answer 2

试试用 innerText