顯示日期從現在起2天動態在頁面

Question

我試圖從現在開始在我的頁面上設置日期+2天。

因此，這裏是我使用的代碼：

<span class="spanDate"></span><br> at 8pm EST</div> 

var dayName = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday','Saturday']; 

var months = ['January','February','March','April','May','June','July', 'August','September','October','November','December']; 

var tomorrow = new Date(); 
tomorrow.setTime(tomorrow.getTime() + (1000*3600*48)); 

document.getElementsByClassName("spanDate").innerHTML = dayName[tomorrow.getDay()] + ", " + months[tomorrow.getMonth()] + " " + tomorrow.getDate()+ ", " + tomorrow.getFullYear(); 
</script>` 

問題：

1. 爲什麼沒有爲我工作？

2. 應該用document.getElementsByID代替嗎？ （我想在頁面上多次使用span）

感謝您的幫助！

Answer 1

如果你使用Moment.js，你可以「簡化」你的代碼如下：

var el = document.getElementsByClassName("spanDate")[0], 
    tomorrow = moment().add(2, "d"); 

el.innerHTML = tomorrow.format("DD, MM, YYYY"); 

你會發現，我的getElementsByClassName("spanDate")後添加[0]，那是因爲getElementsByClassName返回一個HTML的方法集合（陣列狀結構）。一旦你有這個集合，你需要提取你想修改的元素（在這種情況下爲，我們發現第一個[0]）。

Answer 2

要回答第二個問題：最好不要在同一頁面中多次使用相同的id。

Answer 3

使用此：

var dayName = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday','Saturday']; 
var months = ['January','February','March','April','May','June','July', 'August','September','October','November','December']; 

var tomorrow = new Date(); 
tomorrow.setTime(tomorrow.getTime() + (1000*3600*48)); 
var dt = dayName[tomorrow.getDay()] + ", " + months[tomorrow.getMonth()] + " " + tomorrow.getDate()+ ", " + tomorrow.getFullYear(); 
//add [0] 
document.getElementsByClassName('spanDate')[0].innerHTML = dt; 

因爲這個：

document.getElementsByClassName("spanDate").innerHTML 

返回一個節點列表不是元素。

編輯：

如果你的文檔中5個span元素要顯示這個日期，你可以做到這一點的經典方式：

document.getElementsByClassName('spanDate')[0].innerHTML = dt; 
document.getElementsByClassName('spanDate')[1].innerHTML = dt; 
document.getElementsByClassName('spanDate')[2].innerHTML = dt; 
document.getElementsByClassName('spanDate')[3].innerHTML = dt; 
document.getElementsByClassName('spanDate')[4].innerHTML = dt; 

或使用任何類型的循環這將迭代通過像這個例子的節點：

var e = document.getElementsByClassName('spanDate'); 
for(i=0; i < e.length; i++) { 
    e[i].innerHTML = dt; 
} 

乾杯！