Javascript 基于跨度类值的Toogle div

Javascript 基于跨度类值的Toogle div,javascript,html,getelementbyid,Javascript,Html,Getelementbyid,我有下面的街区 <div id="discountText"> <span>some text</span> <span class="discountType" style="display:none;"> </div> installerDiscountType包含首选、已保存等折扣类型 如何在case中显示div这将显示一些文本AAA它显示一些文本,因为跨度没有类折扣类型 let types = document

我有下面的街区

<div id="discountText">
    <span>some text</span>
    <span class="discountType" style="display:none;">
</div>
installerDiscountType包含首选、已保存等折扣类型


如何在case中显示div这将显示一些文本AAA它显示一些文本,因为跨度没有类折扣类型

let types = document.querySelectorAll('.discountType')
types.forEach(node => {
  if(node.innerText !== "AAA") {
    node.style.display = 'none';
  }
})

<div id="discountText">
  <span>some text</span>
  <span class="discountType">Hello world</span>
  <span class="discountType">AAA</span>
</div>

AAA是一个类还是span中的文本?@BrianMcCall是文本。因此,如果我删除style=display:none;部分,它输出AAA。当我放置alertnode.innerText时;在if语句上面,它说它是空的。我认为它隐藏了span,而不是div,对吗?是的,它隐藏了span。如果要隐藏div,请将其更改为document.getElementById'discountText'.style.display='none',我想我看到了问题所在。不起作用,但是AAA