在Javascript中设置显示属性None

我想用单击事件设置显示属性“无”。如果我正在使用querySelectorAll，那么如果我单击第一个按钮，而其他按钮不起作用，它将应用于所有。我是JavaScript新手，这里是我的代码

let div=document.querySelector（'.cross'）
div.addEventListener（“单击”，关闭div）；
函数closeDiv（）{
let closeBy=document.querySelectorAll（'div'）；
closeBy.forEach（元素=>{
element.classList.add（'display'）
});
}

div{
边框：1px纯绿色；
保证金：5px；
文本对齐：居中；
填充：10px
}
.十字架{
边框：1px纯红；
边界半径：5px；
位置：绝对位置；
右：27px；
背景色：红色；
颜色：白色；
光标：指针；
}
.十字架：悬停{
背景颜色：绿黄色；
边框：1px实心绿黄色；
颜色：红色；
}
.展示{
显示：无；
}

X
弗斯特
我的同僚们都是精英。要有尊严，要有尊严，要有尊严，要有尊严。这是我的工作！使用别名为atque blanditiis、optio maiores ullam、cum quibusdam、adipisci hic ducimus和nam quas的解决方案

X
第二
我的同僚们都是精英。要有尊严，要有尊严，要有尊严，要有尊严。这是我的工作！使用别名为atque blanditiis、optio maiores ullam、cum quibusdam、adipisci hic ducimus和nam quas的解决方案

单击div及其父div的解决方案将隐藏

步骤1：向负责关闭div的每个div添加函数closeDiv（）

<div>
  <button class="cross" onClick="closeDiv(event)">X</button>
  <h3>First</h3>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam atque dignissimos, delectus facere vero quia, similique voluptatem adipisci nobis iusto suscipit. Consequuntur officia earum iure! Consequatur iusto soluta ut alias atque blanditiis, optio maiores ullam, cum quibusdam, adipisci hic ducimus sed nam quas. </p>
</div>
<div>
  <button class="cross"  onClick="closeDiv(event)">X</button>
  <h3>Second</h3>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam atque dignissimos, delectus facere vero quia, similique voluptatem adipisci nobis iusto suscipit. Consequuntur officia earum iure! Consequatur iusto soluta ut alias atque blanditiis, optio maiores ullam, cum quibusdam, adipisci hic ducimus sed nam quas. </p>
</div>
<div> // This line is incorrect in your code

---

希望这对您有所帮助，如果这个答案对您来说还不够，您可以在下面随意评论。

单击div及其父div的解决方案将隐藏

步骤1：向负责关闭div的每个div添加函数closeDiv（）

<div>
  <button class="cross" onClick="closeDiv(event)">X</button>
  <h3>First</h3>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam atque dignissimos, delectus facere vero quia, similique voluptatem adipisci nobis iusto suscipit. Consequuntur officia earum iure! Consequatur iusto soluta ut alias atque blanditiis, optio maiores ullam, cum quibusdam, adipisci hic ducimus sed nam quas. </p>
</div>
<div>
  <button class="cross"  onClick="closeDiv(event)">X</button>
  <h3>Second</h3>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam atque dignissimos, delectus facere vero quia, similique voluptatem adipisci nobis iusto suscipit. Consequuntur officia earum iure! Consequatur iusto soluta ut alias atque blanditiis, optio maiores ullam, cum quibusdam, adipisci hic ducimus sed nam quas. </p>
</div>
<div> // This line is incorrect in your code

---

希望这对您有所帮助，如果这个答案对您来说还不够，请在下面随意评论。

我刚刚更改了javascript代码

let cross=document.querySelectorAll（'.cross'）
cross.forEach（函数（元素）{
元素。addEventListener（'click'，函数（事件）{
this.parentElement.style.display='none'//获取父项
})
})

Eu quero definir nenhuma propriedade de exibição event to click。欧盟评估机构使用的是一个查询选择机构，它的主要功能是评估功能。欧盟的新成员国必须遵守《宪法》。
让div=document.querySelector（'.cross'）
div.addEventListener（“单击”，关闭div）；
函数closeDiv（）{
let closeBy=document.querySelectorAll（'div'）；
closeBy.forEach（元素=>{
element.classList.add（'display'）
});
}
div{
边框：1px纯绿色；
保证金：5px；
文本对齐：居中；
填充：10px
}
.十字架{
边框：1px纯红；
边界半径：5px；
位置：绝对位置；
右：27px；
背景色：红色；
颜色：白色；
光标：指针；
}
.十字架：悬停{
背景颜色：绿黄色；
边框：1px实心绿黄色；
颜色：红色；
}
.展示{
显示：无；
}

X
弗斯特
我的同僚们都是精英。要有尊严，要有尊严，要有尊严，要有尊严。这是我的工作！使用别名为atque blanditiis、optio maiores ullam、cum quibusdam、adipisci hic ducimus和nam quas的解决方案

X
第二
我的同僚们都是精英。要有尊严，要有尊严，要有尊严，要有尊严。这是我的工作！使用别名为atque blanditiis、optio maiores ullam、cum quibusdam、adipisci hic ducimus和nam quas的解决方案

我刚刚更改了javascript代码

let cross=document.querySelectorAll（'.cross'）
cross.forEach（函数（元素）{
元素。addEventListener（'click'，函数（事件）{
this.parentElement.style.display='none'//获取父项
})
})

Eu quero definir nenhuma propriedade de exibição event to click。欧盟评估机构使用的是一个查询选择机构，它的主要功能是评估功能。欧盟的新成员国必须遵守《宪法》。
让div=document.querySelector（'.cross'）
div.addEventListener（“单击”，关闭div）；
函数closeDiv（）{
let closeBy=document.querySelectorAll（'div'）；
closeBy.forEach（元素=>{
element.classList.add（'display'）
});
}
div{
边框：1px纯绿色；
保证金：5px；
文本对齐：居中；
填充：10px
}
.十字架{
边框：1px纯红；
边界半径：5px；
位置：绝对位置；
右：27px；
背景色：红色；
颜色：白色；
光标：指针；
}
.十字架：悬停{
背景颜色：绿黄色；
边框：1px实心绿黄色；
颜色：红色；
}