用js怎么控制控制显示与隐藏啊

JavaScript019

用js怎么控制控制显示与隐藏啊,第1张

利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。

方法一：

document.getElementById("EleId").style.visibility="hidden"'设置EleId标签隐藏

document.getElementById("EleId").style.visibility="visible"设置EleId标签显示

利用上述方法实现隐藏后，页面的位置还被控件占用，显示空白。

定义和用法

visibility 属性设置元素是否可见。

方法二：

document.getElementById("EleId").style.display="none"设置EleId标签隐藏

document.getElementById("EleId").style.display="inline"设置EleId标签显示

利用上述方法实现隐藏后，页面的位置不被占用。

定义和用法

display 属性设置元素如何显示。

先获取到li标签集合，再遍历该集合把每个className加上去：

<script type="text/javascript">

    var li = document.getElementsByTagName('li')

    for(var i = 0i<li.lengthi++){

        li[i].className = i+1

    }

</script>