如何在JavaScript中隐藏具有类名的div

我试图隐藏这个div类的可见性，但是我编写的javascript代码不起作用。在这种情况下我应该怎么做？

问题？
不
document.getElementsByClassName（“表单项webform组件webform组件显示webform组件--1-contact-1-bg20-custom-4”）.style.visibility='“隐藏”；

有三件事

它不是一个有空格的类名，而是一个div中的四个不同的类

你在双倍报价前加了一个单报价

getElementsByCLassName返回一个数组，因此需要指定索引

理想情况下，应该是这样

问题？
不
document.getElementsByClassName（“表单项”）[0].style.visibility=“hidden”；

文档。GetElementsByCassName将返回一个元素数组。因此，如果您确定只有一个元素和这些类的组合，那么您可以尝试

 document.getElementsByClassName
 ("form-item webform-component webform-component-display 
   webform-component--1-contact-1-bg20-custom-4")[0].style.visibility = "hidden";

---

它不是一个有空格的类名。这是4个不同的类名。您忘记了getElementsByClassName返回类似数组的对象，所以它应该是document.getElementsByClassName（“表单项”）[0]。style.visibility=“hidden”@格林伍兹先生是的，我在更新。感谢问题在于OP相信

“表单项webform组件webform组件display webform组件--1-contact-1-bg20-custom-4”

是一个带空格的类名。@Jeremy Thille，你对这个问题的评论应该会让他重新检查差异，希望如此。谢谢@RogerC！