除非包含document.write（），否則Javascript動態創建div隱藏

Question

我已經動態創建了一個包含日期和時間的通用標頭。 目前它的行為和看起來非常好，但是一旦我刪除document.write（'。'）它就會消失。 似乎我需要在那里寫任何類型才能顯示dateDiv，'。' 只是一個用於填充空間的隨機字符。

//write date/time to div
var dateDiv = document.createElement('div');
dateDiv.innerHTML = '<p>' + d_names[curr_day] + ', ' + m_names[curr_month] + ' ' + curr_date + ',     ' + curr_year + ' | ' + '<strong>' + curr_hour + ':' + curr_min + ' ' + a_p + '</strong>' + '</p>';
dateDiv.id = 'dateTime';

//dateDiv disappears without a document.write() before being appended to the body. need to fix
document.write('.');

document.body.appendChild(dateDiv);

我還沒有找到答案，有人看到了問題嗎？

Answer 1

正如loganfsmyth所暗示，當文檔未完全加載時，可能會執行您的代碼。 嘗試：

window.onload = function(){
    //write date/time to div
    var dateDiv = document.createElement('div');
    dateDiv.innerHTML = '<p>' + d_names[curr_day] + ', ' + m_names[curr_month] + ' ' + curr_date + ',     ' + curr_year + ' | ' + '<strong>' + curr_hour + ':' + curr_min + ' ' + a_p + '</strong>' + '</p>';
    dateDiv.id = 'dateTime';
    document.body.appendChild(dateDiv);
};

編輯：請參閱http://javascript.about.com/library/blonload.htm