当前位置: 开发笔记 > 编程语言 > 正文

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

作者：嘟嘟仔2286768 | 来源：互联网 | 2018-06-18 04:53

JS如果改变span标签的是否隐藏属性,大家根据需要选择使用。

测试：
test.html
代码：

代码如下:

《SCRIPT》

查询类型
院系

课程分配

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="";
}
}

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

并且...
如果我们是选择：按院系，即默认情况下
那么，结果是：
...
并且

推荐阅读

const
如何在输入字段中使用默认值的方法及代码

本文介绍了在满足特定条件时如何在输入字段中使用默认值的方法和相应的代码。当输入字段填充100或更多的金额时，使用50作为默认值；当输入字段填充有-20或更多（负数）时，使用-10作为默认值。文章还提供了相关的JavaScript和Jquery代码，用于动态地根据条件使用默认值。 ... [详细]

蜡笔小新 2023-12-10 12:35:46
request
简单的ajax与struts2实例

前言对于从事技术的人员来说ajax是这好东西，都会使用，而且乐于使用。但对于新手，开发一个ajax实例，还有是难度的，必竟对于他们这是新东西。leo开发一个简单的ajax实例,用的是 ... [详细]

蜡笔小新 2023-10-16 17:08:23
request
javascript入门·表单与表单元素总结（表单验证）

表单提交前的最后验证：通常在表单提交前，我们必须确认用户是否都把必须填选的做了，如果没有，就不能被提交到服务器，这里我们用到表单的formname.submit()看演示，其实这个对于我们修炼道 ... [详细]

蜡笔小新 2023-10-15 18:44:55
go
Google Contacts API未返回输出 - Google Contacts API not returning output

Itwasworkingcorrectly,butyesterdayitstartedgiving401.IhavetriedwithGooglecontactsAPI ... [详细]

蜡笔小新 2023-10-15 16:40:16
go
使用粘性页眉和页脚切换侧栏 - Toggle Sidebar with sticky header and footer

Iwouldliketobeabletohaveasidebarthatcanbetoggledinandoutonabuttonpress.However ... [详细]

蜡笔小新 2023-10-13 12:28:22
go
JAVASCRIPT实现的WEB页面跳转以及页面间传值方法

但有时候，需要当某事件触发时，我们先做一些操作，然后再跳转，这时，就要用JAVASCRIPT来实现这一跳转功能。下面是具体的做法：一：跳转到新页面，并且是在新窗口中打开时:复制代码代码如下:fu ... [详细]

蜡笔小新 2023-10-13 12:25:13
go
Nginx使用（server参数配置）

本文介绍了Nginx的使用，重点讲解了server参数配置，包括端口号、主机名、根目录等内容。同时，还介绍了Nginx的反向代理功能。 ... [详细]

蜡笔小新 2023-12-14 17:08:34
post
【译】发送表单数据

这是原文链接：sendingformdata许多情况下，我们使用表单发送数据到服务器。服务器处理数据并返回响应给用户。这看起来很简单，但是 ... [详细]

蜡笔小新 2023-12-14 16:19:10
post
JavaScript基础---Math对象

该对象中的属性方法和数学有关.abs(x)返回数的绝对值。exp(x)返回e的指数。floor(x)对数进行下舍入。log(x)返回数的自然对数（底为e）。 ... [详细]

蜡笔小新 2023-10-14 20:27:26
post
es6 javascript的Proxy 方法

get()方法用于拦截某个属性的读取操作，如果没有该属性的时候会报一个undefined的，如果结果get处理会返回对应的错误信息varperson{name:张三 ... [详细]

蜡笔小新 2023-10-14 11:04:09
数组
[JavaScript] 多数前端工程师都没注意到的一个关于console.log()的坑

[JavaScript]多数前端工程师都没注意到的一个关于console.log()的坑请阅读以下代码并猜测结果：functiontest(){le ... [详细]

蜡笔小新 2023-10-13 19:00:52
数组
JavaScript - let和var区别

前提ES5只有函数作用域和全局作用域，var属于ES5。let属于ES6，新增块级作用域。目的是可以写更安全的代码。Theletstatementdeclaresablocks ... [详细]

蜡笔小新 2023-10-13 18:33:54
数组
用JavaScript实现的太空人手表

用JavaScript实现的太空人手表-JS写的太空人手表，没有用canvas、svg。主要用几个大的函数来动态显示时间、天气这些。天气的获取用到了AJAX请求。代码中有详细的注释 ... [详细]

蜡笔小新 2023-10-13 17:21:38
数组
javascript如何判断值是否为undefined

这篇文章主要介绍“javascript如何判断值是否为undefined”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“ja ... [详细]

蜡笔小新 2023-10-13 12:56:32
数组
字符串作为javascript数组的键 - Strings as keys of array in javascript

Whyusingstringsaskeysofarray,consoleisshowingthatarraywithoutthesedeclaredvaluesand ... [详细]

蜡笔小新 2023-10-13 11:19:56

嘟嘟仔2286768

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章