要使用element.style
控制元素的显示和隐藏,您可以更改元素的CSS样式属性display
。以下是如何使用element.style
来显示和隐藏一个元素的示例:
HTML:
Hello, World!
在这个示例中,我们有一个名为myElement
的段落元素和一个按钮。当用户点击按钮时,将调用toggleDisplay
函数。这个函数检查元素是否包含hidden
类。如果包含,它将删除该类以显示元素;如果不包含,它将添加该类以隐藏元素。hidden
类在CSS中定义了display: none;
属性,从而隐藏了元素。