在Vanilla JS中,可以使用以下方法来显示和隐藏文本:
- 使用CSS的display属性:
- 显示文本:将元素的display属性设置为"block"、"inline"或"inline-block"。
- 隐藏文本:将元素的display属性设置为"none"。
- 示例代码:
- 示例代码:
- 使用元素的classList属性:
- 显示文本:将元素的classList中移除"hidden"类。
- 隐藏文本:将元素的classList中添加"hidden"类。
- 示例代码:
- 示例代码:
- 使用元素的style属性:
- 显示文本:将元素的style属性中的display设置为""(空字符串)或其他适当的display值。
- 隐藏文本:将元素的style属性中的display设置为"none"。
- 示例代码:
- 示例代码:
以上方法可以根据具体需求选择适合的方式来显示和隐藏文本。在实际应用中,可以根据事件触发或条件判断来调用相应的显示和隐藏方法。