Выбор текста HTML-элементов в качестве входных данных для JavaScript

Question

var unixtime =356674566

var newDate = new Date();

newDate.setTime(unixtime * 1000);

dateString = newDate.toUTCString();

document.getElementById("time").innerHTML = dateString;

Я хотел бы дать h1 текст элемента (не входной текст) в качестве входных данных для var unix timestamp ... есть ли способ сделать это?

Answer 1

Вы можете присвоить элементу h1 значение id и использовать document.getElementById для получения элемента h1.Затем вы можете использовать .textContent, чтобы получить текст внутри тега h1.Наконец, вы можете использовать + для преобразования строки, извлеченной из textContent, в число.

См. Рабочий пример ниже:

document.addEventListener('DOMContentLoaded', function() {
  var unixtime = +document.getElementById('unix').textContent;
  var newDate = new Date();

  newDate.setTime(unixtime * 1000);
  dateString = newDate.toUTCString();

  document.getElementById("time").textContent = dateString;
});

<h1 id="unix">356674566</h1>
<p>Date: <span id="time"></span></p>