有时我们需要根据一些条件来控制或隐藏网页中的HTML元素，这些元素可以通过显示或可见性来实现。简单的示例代码如下所示：
复制代码代码如下所示：
HTML元素的显示和隐藏控制
功能showandhidden1（）{
VaR DIV1 = document.getelementbyid（联赛）；
VaR DIV2 = document.getelementbyid（格式）；
如果（DIV1。风格。显示= =阻止'）DIV1。风格显示=不关；
其他联赛。风格显示=阻止；
如果（DIV2。风格。显示= =阻止）格式显示=不关。风格；
其他的格式，显示为阻止风格；
}
功能showandhidden2（）{
无功div3 = document.getelementbyid（div3 ）；
VaR DIV4 = document.getelementbyid（DIV4 ）；
如果（div3。风格。能见度= = 'visible）div3。能见度=隐藏的风格；
其他div3。能见度= 'visible风格；
如果（DIV4。风格。能见度= = 'visible '）DIV4，能见度=隐藏的风格；
别的DIV4，能见度= 'visible风格；
}
显示：该元素的位置没有占用。
DIV 1
DIV 2
可见性：元素的位置仍然被占用。
DIV 3
DIV 4
