2013-10-05 3 views
5

Я хочу использовать javascript для добавления часов внутрь div. Вот мой код: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> 

Но это не сработает. Помогите мне это исправить. Спасибо вам.

+1

Определить, что «не работает». – Utkanos

+1

Работает отлично http://jsfiddle.net/5Khyc/ –

+0

Скопируйте вставьте ошибку, если она есть –

ответ

5

Попробуйте это:

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

+0

Почему вам нужно создать div, если они уже существуют? –

1

Попробуйте, это поможет вам

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; 

Fiddle Here

+0

Спасибо за помощь. –

+1

Это с 'jQuery', который не помечен в сообщении ... Хорошо назвать это в вашем ответе. – Sergio

+1

Нетрудно преобразовать на java-скрипт @Sergio –

2

innerHTML может написать текст в DIV, как вы не добавляя какой-либо элемент здесь.

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

для Эталонное: http://jsfiddle.net/SpgMm/2/

, если вы действительно хотите использовать AppendChild лучше использовать createElement, а затем добавить его в Div.

Надеюсь, это поможет

P.S. используйте это только при работе с сырым javascipt, иначе JQuery html-метод является лучшим вариантом.

+1

, используя это только при работе с сырым javascipt, иначе метод html Jquery - лучший вариант. – PSK

Смежные вопросы