Cannot set property 'innerHTML' of null in JS

Question

Code didn't work and still return 'f' world after function call, what's wrong with my code? thanks for help

HTML:

<html>
  <head>
    <script type="text/javascript" src="functions.js"></script>
  </head>
  <body onload="changeText()">
    <p id="P1">
      fu
    </p>
  </body>
</html>

JS:

function changeText(){
  document.getElementById("p1").innerHTML = "slm"
}

Type: P1 !== p1

Andreas
– Andreas

2019-01-08 13:51:53 +00:00
Commented Jan 8, 2019 at 13:51 — Andreas
– Andreas, Commented Jan 8, 2019 at 13:51

E. Mancebo · Accepted Answer · 2019-01-08 13:55:34Z

3

Because the selector is case sensitive. Try to use P1 instead of p1: document.getElementById("P1").innerHTML = "slm"

answered Jan 8, 2019 at 13:55

E. Mancebo

7944 silver badges11 bronze badges

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

Comments

20yco · Accepted Answer · 2019-01-08 15:39:31Z

2

ID's in Javascript are case sensitive (all attributes are). The ID in the HTML is P1 but you're looking for p1 so it's not finding it.

edited Jan 8, 2019 at 15:39

20yco

9068 silver badges28 bronze badges

answered Jan 8, 2019 at 13:58

Jorge Piquer

1561 silver badge7 bronze badges

Comments

20yco · Accepted Answer · 2019-01-08 15:45:07Z

0

please try this one, problem was that you can't call function changeText():

<html>

  <head>
    <script type="text/javascript">
      function changeText(){
        document.getElementById("P1").innerHTML = "slm"
      }
    </script>
  </head>

  <body onload="changeText()">
    <p id="P1">fu</p>
  </body>

</html>

fiddle

answered Jan 8, 2019 at 15:45

20yco

9068 silver badges28 bronze badges

3 Comments

FadedForEver Over a year ago

fixed but why i cant?

20yco Over a year ago

@Hamidreza place your function in another file, or add to <head> tag, don't forget to upvote and check as answer please.

20yco Over a year ago

@Hamidreza and upvote please ( for other ho has similar questions ), huge thanks!

20yco · Accepted Answer · 2019-01-08 14:22:57Z

0

You are accessing the wrong ID Note P is capital letter, try:

document.getElementById("P1").innerHTML = "slm"

edited Jan 8, 2019 at 14:22

20yco

9068 silver badges28 bronze badges

answered Jan 8, 2019 at 13:53

j_akshay

591 silver badge5 bronze badges

Collectives™ on Stack Overflow

Cannot set property 'innerHTML' of null in JS

4 Answers 4

Comments

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related