Home  >  Article  >  Web Front-end  >  JS 如果改变span标签的是否隐藏属性_javascript技巧

JS 如果改变span标签的是否隐藏属性_javascript技巧

WBOY
WBOYOriginal
2016-05-16 18:01:171554browse

测试:
test.html
代码:

复制代码 代码如下:




New Document







查询类型
院系

课程分配








js/Menu.js
代码:
复制代码 代码如下:

//这是用了自定义的方法hideElement()和shwoElement()
function isChang(values)
{
if(values=="yxsh"){
hideElement("key");
showElement("yxsh");
}else{
hideElement("yxsh");
showElement("key");
}
}
//自定义方法hideElement()
function hideElement(id){
document.getElementById(id).style.display="none";
}
//自定义方法showElement()
function showElement(id){
document.getElementById(id).style.display="";
}
//这是不用自定义函数直接设置是否隐藏
function isChang1(values)
{
if(values=="yxsh"){
document.getElementById("yxsh").style.display="";
document.getElementById("key").style.display="none";
}else{
document.getElementById("yxsh").style.display="none";
document.getElementById("key").style.display="";
}
}

测试结果:
其默认选择是:按院系
这是如果我们选择的是:不按院系,即按:职工号或姓名,那么,
这时就会隐藏:

并且...
如果我们是选择:按院系,即默认情况下
那么,结果是:
...
并且
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn