欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

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

程序员文章站 2022-04-26 20:38:36
...
测试：
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="";
}
}

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

并且...
如果我们是选择：按院系，即默认情况下
那么，结果是：
...
并且JS 如果改变span标签的是否隐藏属性_javascript技巧

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

相关文章

相关视频

    网友评论

    文明上网理性发言，请遵守 新闻评论服务协议

    我要评论
  • JS 如果改变span标签的是否隐藏属性_javascript技巧

    • 专题推荐

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

    认证0级讲师

    发布技术文章
    • 最新文章
    • 热门排行
    推荐视频教程
  • JS 如果改变span标签的是否隐藏属性_javascript技巧javascript初级视频教程
  • JS 如果改变span标签的是否隐藏属性_javascript技巧jquery 基础视频教程
    • 视频教程分类

    ：公益在线php培训，帮助PHP学习者快速成长！

    Copyright 2014-2021 https://www.php.cn/ All Rights Reserved | 苏ICP备2020058653号-1JS 如果改变span标签的是否隐藏属性_javascript技巧关于我们免责申明赞助与捐赠广告合作

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

    上一篇： 伪类hover的使用方法

    下一篇： IT忍者神龟之Java动态代理与CGLib代理

    推荐阅读