Как передать значение переменной даты из javascript в html

Я хочу напечатать значение даты, передав его из файла JavaScript в файл HTML.Как передать значение переменной даты из javascript в html

HTML файл:

<html> 
     <body> 
      <script src=background.js> </script> 
      <span id="showDate"> </span> 
     </body> 
    </html>

JavaScript файла:

document.body.style.background = "url('1.jpg')"; 
var today = new Date(); 
var dd = today.getDate(); 
var mm = today.getMonth()+1; //January is 0! 
var yyyy = today.getFullYear(); 
if(dd<10) { 
    dd='0'+dd 
} 
if(mm<10) { 
    mm='0'+mm 
} 
today = dd+'/'+mm+'/'+yyyy; 
alert(today); 
document.getElementById("showDate").value=today;

источник

2015-08-27 Deep Kakkad

возможно дубликат [Как отобразить дату/время в формате локали пользователя и времени смещения?] (Http://stackoverflow.com/questions/85116/how-do-i-display -a-date-time-in-the-users-locale-format-and-time-offset) – MaxZoom

использовать 'textContent' или' innerHTML' вместо 'value' в последней строке вашего кода –

Это не имеет никакого отношения к хром. – Teepeemm

Прежде всего связать файл JavaScript, как в HTML файл нижней часть.

<script src="your_javascript_file.js"></script>

, а затем

Напишите ваш код JS в файл JS с плавной линией и передать внутренний HTML в

document.getElementById("showDate").innerHTML = today;

источник

2015-08-27 17:55:39

Работал, когда я связал javascript файл внизу, а не сверху. Благодаря! Можете ли вы объяснить? –

@DeepKakkad HTML анализируется сверху вниз, поэтому, если скрипт работает вверху, элемент, который он пытается получить, пока не существует. –

Теперь я понял. Благодаря! @MaximillianLaumeister –

Самый простой способ:

document.getElementById("showDate").textContent = today;

источник

2015-08-27 17:42:25

Хотя это может ответить на вопрос, небольшой комментарий о том, как работает код, может помочь OP еще больше. –

Вам просто нужно использовать textContent вместо value.

Живые Рабочие Демо:

document.body.style.background = "url('1.jpg')"; 
 
var today = new Date(); 
 
var dd = today.getDate(); 
 
var mm = today.getMonth() + 1; //January is 0! 
 
var yyyy = today.getFullYear(); 
 
if (dd < 10) { 
 
    dd = '0' + dd 
 
} 
 
if (mm < 10) { 
 
    mm = '0' + mm 
 
} 
 
today = dd + '/' + mm + '/' + yyyy; 
 
document.getElementById("showDate").textContent = today;

<span id="showDate"> </span>

JSFiddle Версия: https://jsfiddle.net/ae6wfz12/

источник

2015-08-27 17:43:59

Спасибо. Но я работаю над расширением хром и все еще не работаю со мной. –

Прежде всего, вы должны поместить скрипты, доступ к элементам документа в конце тега body, чтобы они выполнялись только после загрузки необходимых элементов.

<html> 
     <body> 
      <span id="showDate"> </span> 
     </body> 
     <script src=background.js> </script> 
    </html>

Во-вторых, как сказано Максимилиан, используйте textConten или innerHTML или InnerText свойства выбранного элемента, чтобы получить или установить значение.

document.getElementById("showDate").innerHTML = '<strong>' + today '</strong>';

источник

2015-08-27 17:56:54

Работал. Благодаря! –

Как передать значение переменной даты из javascript в html

ответ

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