javascript - Show function in multiple 'id'

Question

I'm starting in javascript. I have two questions in one. I would like to show the date in a specific 'id', And use multiple 'id' in a same function. (data will appear several times in the site)

As: id="date1" id="date2" id="date3"

var today = new Date();
var dd = String(today.getDate()).padStart(2, '0');
var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
var yyyy = today.getFullYear();

today = mm + '/' + dd + '/' + yyyy;
document.write(today);

I know I have to use this line but I do not know how to apply it:

document.getElementById("date").innerHTML

@RomanBobrik Did you mean textContent? innerText is nonstandard. — Madara's Ghost
– Madara's Ghost, Commented Jun 4, 2019 at 14:53
@MadaraUchiha It's not non-standard? developer.mozilla.org/en-US/docs/Web/API/HTMLElement/innerText (simply "easily confused with" another element property). — msanford
– msanford, Commented Jun 4, 2019 at 14:53
Huh, so they did end up adding it. I still wouldn't use innerText because of its.... oddities. Mostly around linebreaks. — Madara's Ghost
– Madara's Ghost, Commented Jun 4, 2019 at 14:54

Madara's Ghost · Accepted Answer · 2019-06-04 14:56:05Z

.innerHTML and its safer cousin .textContent are assignable properties which affect the DOM upon assigning.

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

will cause the DOM node which matches the getElementById("date") query (i.e. the element in the DOM with the id= attribute of date), to have its text replaced with the value of today.

The reason to prefer textContent over innerHTML is that textContent is less exposed to XSS attacks. (Only use .innerHTML when you intend to add HTML to a DOM node, and not plain text, see here and here for more details on that, although I'd wait until you have better established your JavaScript knowledge). When in doubt, use textContent over innerHTML.

var today = new Date();
var dd = String(today.getDate()).padStart(2, '0');
var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
var yyyy = today.getFullYear();

today = mm + '/' + dd + '/' + yyyy;

document.getElementById('date').textContent = today;

<div id="date"></div>

Collectives™ on Stack Overflow

javascript - Show function in multiple 'id'

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related