Change DIV children to display none

Question

HTML

    <div id="divID">
      <label></label>
      <textarea></textarea>
    </div>

JavaScript

function invisible(){
 let div = document.getElementById("divID");
 let children = div.childNodes;
   for (let i = 0; i < children.length; i++) {
      children[i].style.display = "none";
   }
 }

After calling the function nothing happens. What I'm doing wrong?

Answer 1

You have to set divID to your div tag.

    <div id="divID">
      <label></label>
      <textarea></textarea>
    </div>

And then you have to use div.children in invisible function.

function invisible(){
 let div = document.getElementById("divID");
 let children = div.children;
   for (let i = 0; i < children.length; i++) {
      children[i].style.display = "none";
   }
 }
 

   <input type="button" onClick=" invisible()" value="Remove" />
   <div id="divID">
      <label></label>
      <textarea></textarea>
    </div>