3. 使用外部样式表

创建一个CSS文件（styles.css），在其中定义需要隐藏的元素的样式，然后在HTML文件中引用该CSS文件。

示例代码：

styles.css:

.hidden {
  display: none;
}

index.html:

  


这个div将被隐藏

相关问题与解答

Q1: 如何使用JavaScript隐藏HTML元素？

A1: 可以使用JavaScript的style属性来设置元素的display属性为none。

document.getElementById("myElement").style.display = "none";

Q2: 隐藏元素后如何再次显示？

A2: 将元素的display属性设置为其他值（如block、inline等）或删除display: none;样式即可。

显示元素