鍍金池/ 問(wèn)答/HTML/ div無(wú)內(nèi)容時(shí)不顯示

div無(wú)內(nèi)容時(shí)不顯示

在Chrome中,刷新的時(shí)候“晚上好!”那個(gè)div的內(nèi)容會(huì)出現(xiàn)跳動(dòng)
clipboard.png

HTML:

<div class="time"></div>
<h1>留言板</h1>

JS:

window.onload = function(){
    //根據(jù)當(dāng)前時(shí)間輸出相應(yīng)信息
    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 = "晚上好!";
    }
}

不希望出現(xiàn)跳動(dòng),望解決,謝謝。

回答
編輯回答
安淺陌

css給div加一個(gè)高度

2017年2月6日 17:25
編輯回答
解夏

試試用 innerText

2017年6月16日 11:11