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)
}
利用来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 属性设置元素如何显示。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)