Javascript 功能不能正常工作。 无法设置 null 的属性“onclick”

Question

I've the following code :

var exit = document.getElementById("exit");
exit.onclick = function() {
   "use strict";
    document.getElementById("fadedDiv").style.display = "none" ; 
};

But in the console I get the following error:

script.js:107 Uncaught TypeError: Cannot set property 'onclick' of null

Although it worked well with me before, but I don't know what the problem is.

plz help me

Answer 1

Because in your HTML you gave the parent Div a class name of "fadedDiv", then you try to use

document.getElementById("fadedDiv")

You can change the parent div tag to be an id

 <div id="fadedDiv"> 
      this is div
      <div id="exit" >&#10005; text</div> 
</div>