Selecting html elements text as input for JavaScript

Question

var unixtime =356674566

var newDate = new Date();

newDate.setTime(unixtime * 1000);

dateString = newDate.toUTCString();

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

I wanted to give h1 element text(not input text) as an input to var unix timestamp..is there any way to do that?

Can you provide some HTML code?

Vappor Washmade
– Vappor Washmade

2019-02-04 02:43:30 +00:00
Commented Feb 4, 2019 at 2:43 — Vappor Washmade
– Vappor Washmade, Commented Feb 4, 2019 at 2:43

Nick Parsons · Accepted Answer · 2019-02-04 02:57:31Z

3

You can give the h1 element an id and use document.getElementById to get the h1 element. Then you can use .textContent to get the text within the h1 tag. Finally, you can use a + to convert the string retrieved from textContent to a number.

See working example below:

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>

edited Feb 4, 2019 at 2:57

answered Feb 4, 2019 at 2:44

Nick Parsons

51.7k6 gold badges62 silver badges80 bronze badges

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

1 Comment

Nick Parsons Over a year ago

@SalmanDev try my updated version. I added an event lister to the script so that it only fires when the page contents have loaded.

Collectives™ on Stack Overflow

Selecting html elements text as input for JavaScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related