如何在Vanilla JS中显示和隐藏文本？

在Vanilla JS中，可以使用以下方法来显示和隐藏文本：

1. 使用CSS的display属性：
   • 显示文本：将元素的display属性设置为"block"、"inline"或"inline-block"。
   • 隐藏文本：将元素的display属性设置为"none"。
   • 示例代码：
   • 示例代码：

• 使用元素的classList属性：
  • 显示文本：将元素的classList中移除"hidden"类。
  • 隐藏文本：将元素的classList中添加"hidden"类。
  • 示例代码：
  • 示例代码：
• 使用元素的style属性：
  • 显示文本：将元素的style属性中的display设置为""（空字符串）或其他适当的display值。
  • 隐藏文本：将元素的style属性中的display设置为"none"。
  • 示例代码：
  • 示例代码：

以上方法可以根据具体需求选择适合的方式来显示和隐藏文本。在实际应用中，可以根据事件触发或条件判断来调用相应的显示和隐藏方法。