使用JS / CSS / HTML隐藏类元素

Question

我需要隐藏一个HTML元素，并且需要从语法上以代码形式完成。

元素是下一个div：

我需要做这样的事情：style =“ display：none”，但要加上名称。我尝试使用下一个JS代码，但不起作用。

document.getElementsByClassName('container mt16 o_portal')[0].style.visibility = 'hidden';

感谢阅读！

Answer 1

您可以做：

document.querySelector('.container.mt16.o_portal').style.visibility = 'hidden';

Answer 2

您应该写：

document.getElementsByClassName('.container.mt16.o_portal')[0].style.visibility = 'hidden';

点是一个类选择器，必须在每个类名称之前使用它们。

您写的意思是“在容器元素中的mt16元素中找到o_portal元素

Answer 3

1. 您可以在渲染之前添加条件以隐藏例如：

   {{（this.state.isOpen）&&}）}

2. 您还可以使用html属性，例如，能见度：隐藏/无

3. 使用隐藏的属性：true