时间戳

首页 > 解决方案 > 将 DIV 子项更改为无显示

javascript - 将 DIV 子项更改为无显示

问题描述

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";
   }
 }

调用函数后没有任何反应。我做错了什么？

标签： javascriptstylesdisplay

解决方案

你必须设置divID你的div标签。

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

然后你必须div.children在invisible函数中使用。

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>

推荐阅读