js中怎么控制一个标签的显示与隐藏

利用来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 属性设置元素如何显示。

function page(){

var f = document.getElementById("b")

var input = document.createElement("input")

var text = document.createTextNode("####")

input.setAttribute("type","hidden")

input.setAttribute("value","哈哈")

input.setAttribute("id","hidden")

f.appendChild(text)

f.appendChild(input)

alert(document.getElementById("hidden").value)

}

需要准备的材料分别是：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html的<script>标签中，再输入js代码：document.body.removeChild(document.getElementById("a"))。

3、浏览器运行index.html页面，会发现内容为123的div被移除了。

---