Uncaught typeerror: container is null

Question

1.00/5 (1 vote)

See more:

Hi everyone! I have a problem in my code in JavaScript.. And I dont why but happened

Quote:
This is the error:
Uncaught TypeError: container is null

And this is my code:

let html='';
for (let i = 0; i < 88; i++) {
 html+= `<span>${i}</span>`;
for(let j=0; j< 52; j++){
 html+= '<input type="checkbox">';
}
html+= '<hr>';
}

const container=document.getElementById("container");
container.innerHTML=html; HERE IS THE PROBLEM

What I have tried:

Hi tried very thing but nothing

Posted 26-Nov-21 6:56am

XEmmanuel21

Updated 18-Oct-22 4:55am

Add a Solution

2 solutions

Solution 2

1 you need to add div with container id

2 simply add whole code into your useEffect hook and watch.

Posted 18-Oct-22 4:55am

Member 15801821

Updated 18-Oct-22 4:56am

v3

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

OriginalGriff · Accepted Answer · 2021-11-26T07:15:00

Simple: there is no element with an ID of "container" so getElementById returns null, just as it is intended to and as described in the documentation: Document.getElementById() - Web APIs | MDN[^]
Why not? That is the question, and not one we can answer - we have no access to your page or it's HTML.

So start by looking at what you think your page contains, and if you don't find the problem there use your browser debug facilities ("Inspect" and "View Source" are a good starting point) to look at where you think container should be.

Sorry, but we can't do any of that for you!