Why can't I change the text content of this element?

Asked Jul 05 '22 at 00:04

Active Jul 05 '22 at 00:11

Viewed 26 times

This is the HTML element which I am trying to replace the text content of:

<h1 id="lastLogin"> </h1>

This is my JS:

if (localStorage.getItem("lastLogin") == undefined) {
  document.getElementById("lastLogin").textContent =
    "Welcome, this is your first time logging in.";
} else {
  document.getElementById("lastLogin").textContent =
    "Welcome, the last time you logged in was on " +
    localStorage.getItem("lastLogin");
}

When I run this I get an Uncaught TypeError: "Cannot set properties of null (setting 'textContent')"

edited Jul 05 '22 at 00:11

Phil

157,677
23
242
245

asked Jul 05 '22 at 00:04

displayName is undefined

Where in the page is the JS code, and how is the code triggered to run? The JS could be running before the HTML has been rendered. – Peter B Jul 05 '22 at 00:10
I put the JS in a function to run on the click of a button, this solved my problem, Thank you. – displayName is undefined Jul 05 '22 at 00:18

Why can't I change the text content of this element?

0 Answers0