Javascript : Append text into div?

Question

I want use javascript to append clock into inside of a div. Here is my code :

<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>

But it doesn't work. Help me for fixing it. Thanks you.

Learn how to use DOM functions, don't use document.write(). It overwrites the page rather than inserting into it. — Barmar
– Barmar, Commented Oct 5, 2013 at 11:15

Sergio · Accepted Answer · 2016-10-08 21:30:14Z

7

Try this:

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);

Demo here

edited Oct 8, 2016 at 21:30

answered Oct 5, 2013 at 11:20

Sergio

28.9k11 gold badges90 silver badges132 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

PSK · Accepted Answer · 2013-10-05 11:22:39Z

3

innerHTML can write text into the div as you are not appending any element here.

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

for refernece :http://jsfiddle.net/SpgMm/2/

if you really want to use appendChild better use createElement and then append it to div.

Hope it helps

P.S. use this only when dealing with raw javascipt otherwise Jquery html method is best option.

answered Oct 5, 2013 at 11:22

PSK

1525 bronze badges

1 Comment

PSK Over a year ago

use this only when dealing with raw javascipt otherwise Jquery html method is best option.

S. S. Rawat · Accepted Answer · 2013-10-05 11:38:04Z

1

Try this, this will help you

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);

Or in Javascript you can write as

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

Fiddle Here

edited Oct 5, 2013 at 11:38

answered Oct 5, 2013 at 11:20

S. S. Rawat

6,1414 gold badges45 silver badges59 bronze badges

4 Comments

Sergio Over a year ago

This is with jQuery, wich is not tagged in the post... Good to name that in your answer.

S. S. Rawat Over a year ago

It's not difficult to convert on java script @Sergio

Sergio Over a year ago

@Subhash, do that then. Or write somewhere you have jQuery.

S. S. Rawat Over a year ago

I write it in javascript

Collectives™ on Stack Overflow

Javascript : Append text into div?

3 Answers 3

Comments

1 Comment

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related