javascript - getElementById not working in popup.js [chrome extension]

Question

Welcome To Ask or Share your Answers For Others

javascript - getElementById not working in popup.js [chrome extension]

posted Jan 31, 2022 in Technique[技术] by 深蓝 (71.8m points)

javascript - getElementById not working in popup.js [chrome extension]

I want to replace the word null with the word REPLACED in my chrome extension popup

My HTML

<!DOCTYPE html>

<html>
  <head>
    <script src="popup.js" type="text/javascript"></script>
  </head>

  <body>
    <h1> Wordnik Lookup </h1>
    <p id = "userselect">null</p>

  </body>
</html>

My popup.js:

document.getElementyById("userselect").innerHTML = "REPLACED!";

The error message I get from inspecting the popup

Uncaught TypeError: document.getElementyById is not a function

Any help on this would be greatly appreciated :)

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Reply

深蓝 · Answer 1 · 2022-01-31T07:21:21+0000

There is two kind of error. One is typo (spelling mistake). Another is including JavaScript position.

<html>
  <head>

  </head>

  <body>
    <h1> Wordnik Lookup </h1>
    <p id = "userselect">null</p>

     <!--- Kep JavaScript at end. Otherwise listen for DOMContentloaded event --->
     <script src="popup.js" type="text/javascript"></script>
  </body>
</html>

Inside of popup.js

document.getElementById("userselect").innerHTML = "REPLACED!";

Categories

javascript - getElementById not working in popup.js [chrome extension]

javascript - getElementById not working in popup.js [chrome extension]

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags