Javascript：将文字附加到div？

Question

我想使用javascript将时钟附加到div的内部。 这是我的代码：

<script type="text/javascript">
//<![CDATA[
function makeArray() {
for (i = 0; i<makeArray.arguments.length; i++)
this[i + 1] = makeArray.arguments[i];
}

var months = new makeArray('January','February','March','April','May',
'June','July','August','September','October','November','December');
var date = new Date();
var day = date.getDate();
var month = date.getMonth() + 1;
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;

var timer = document.write(months[month]+ " " +day + ", " + year);
document.getElementById('time').appendChild(timer);
//]]></script>

<div id='time'></div>

但它不起作用。 帮我修理它。 谢谢。

Answer 1

试试这个：

var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var yy = date.getFullYear();
var year = (yy < 100) ? yy + 1900 : yy;

var timer = document.createElement('div');
timer.innerHTML = months[month] + " " + day + ", " + year;
document.getElementById('time').appendChild(timer);

在这里演示

Answer 2

innerHTML可以将文本写入div，因为您没有在此处附加任何元素。

document.getElementById('time').innerHTML = months[month]+ " " +day + ", " + year;

参考： http ： //jsfiddle.net/SpgMm/2/

如果你真的想使用appendChild，最好使用createElement，然后将它追加到div。

希望能帮助到你

PS只在处理原始javascipt时才使用它，否则Jquery html方法是最佳选择。

Answer 3

试试这个，这会对你有所帮助

var months = new Array('January','February','March','April','May',
'June','July','August','September','October','November','December');
var date = new Date();
var day = date.getDate();
var month = date.getMonth() + 1;
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
var timer = months[month]+ " " +day + ", " + year;
$('#time').html(timer);

或者在Javascript中你可以写为

document.getElementById('time').innerHTML=timer;

Here小提琴