Js:根据数组隐藏Div的函数？

根据数组隐藏Div的函数可以使用JavaScript来实现。以下是一个示例代码：

function hideDivByArray(array) {
  array.forEach(function(element) {
    var div = document.getElementById(element);
    if (div) {
      div.style.display = 'none';
    }
  });
}

这个函数接受一个数组作为参数，数组中包含需要隐藏的div元素的id。函数会遍历数组，通过getElementById方法获取对应id的div元素，并将其display属性设置为'none'，从而隐藏该div。

这个函数适用于前端开发中需要根据数组动态隐藏多个div的场景。例如，当用户选择某些选项时，根据选项的值来隐藏相应的div。

腾讯云相关产品和产品介绍链接地址：

云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
云存储（COS）：https://cloud.tencent.com/product/cos
区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

今日作业 -- 用js控制DIV的显示隐藏

这个题很简单的，就是用一个按钮切换二个菜单的显示和隐藏。比昨晚的查找重复字符串要简单的多。...参与写作业的同学们基本都写的不错，思路也都OK，用原生JS，jQuery，ES6都可以，，暴露出来的问题主要有二个，一是DOM查找的效率问题，这个大家自己其实都懂，我就提一下不多说了哈，，二是判断条件的选择...，就是用什么来做为if的判断条件，我个人觉得以下这种用字符串来判断，应该是不太OK的。。...OK，今天的作业很简单，就说这么多了。

17K6 0

JS根据列表排列对象数组

应用场景：将对象数组根据指派的数组内容进行排序，未指定的对象按照原始顺序。

4.5K4 2

DIV的显示与隐藏

文章目录一.不占位二.占位 *********************div的显示和隐藏************************************ 一.不占位 1.隐藏 div对象.style.display...= “none”; 2.显示 div对象.style.display = “block”; 点击的时候,第一次不能正常显示，需要点第二次…为什么?...原因是: 内嵌样式设置了div 的 display: none 在js代码中无法获得内嵌样式display 期望得到none 实质得到"" 所以会出现问题二.占位隐藏 div对象.style.visibility...= “hidden”; 2.显示 div对象.style.visibility = “visible”;

5.1K2 0

Js根据数组相同的值生成二维数组

原数组新数组 var list = [ { id: 1, num: 3, }, { id: 1, num: 3, },

5.2K4 0

Js 循环，数组，函数（方法）

Js中的数组是将任意数据类型，放在一起按照一定顺序排练的集合（1）、数组的两种定义方式 Var ary=new Array() 创建对象的方式 Var ary1=[]; （2）、...3、下标数组中所有元素从0位置开始通过下标方式赋值及取值 ary[0]=1 数组的赋值 //[ ]里面是数组下标 alert(ary[0]); 使用下标获取数组值...Length属性介绍 Length用来获取数组的长度（数组中包含多少个元素） alert(ary.length); 遍历数组： //给数组赋值 var ary = []; for (var i =...var ary = [123, 56, 343]; var ary2 = ary.join("ad") //在数组中间加入字符 alert(ary2); 10、函数（方法）定义通过 function...函数名() {} 定义函数 // 定义 function a() { alert("你好"); } // 调用 a();

6K2 0

Js根据相同值将数组转换为二维数组

let list = [{ id: 1 }, { id: 1 }, { id: 2 }]...

5.4K3 0

JS笔记（三）：数组、函数、类

（一）数组 1 //创建数组 2 var the_array = [1,2,3,4,'5'] 3 4 console.log(the_array[0]) //读取索引为0的数据 5 the_array...') 9 console.log(the_array) 10 //pop删除数组末尾的数据并返回，和PYTHON列表的POP类似（不同的是JS只能删除末尾的数据） 11 //另外还有shift()和unshift...不同的是，这2个方法操作的数据数组头部的元素 12 console.log(the_array.pop()) 13 //Array.join()连接所有元素并返回一个字符串，都差不多 14 console.log...，对象the_obj的属性m的值是一个函数，这个时候称m()是对象the_obj的一个方法 13 console.log(the_obj) 14 //调用对象the_obj的方法m() 15 console.log...1 //通过构造函数定义类 2 //这里遵循一个常见的编程约定，定义构造函数即是定义类，并且类名首字母大写 3 //而普通的函数和方法都是首字母小写 4 function People(pename

1.2K3 0

JS 函数中的 arguments 类数组对象

1. arguments 介绍 2. arguments 转为数组 3. 箭头函数中没有 arguments 1. arguments 介绍众所周知，js 是一门非常灵活的语言。...当我们在 js 中调用一个函数时，经常会给函数传递一些参数，js 把调用函数时传入的全部实参存储到一个叫做 arguments 的类数组对象里面 arguments 是一个类数组对象，不是一个真正的数组...', 'css', 'js']) 通过打印结果可以发现，arguments 的原型是 Object，而数组的原型是 Array 那么关于 arguments 是什么 ?...它有 length 属性，并且可以通过下标获取元素，但是它不能调用数组方法，就是因为它不是真正的数组，这一点可以通过查看它的原型验证 2. arguments 转为数组 arguments 是类数组对象...箭头函数中没有 arguments arguments 只存在于普通函数中，而在箭头函数中是不存在的下面代码抛出错误异常：Uncaught ReferenceError: arguments is not

5.4K2 0

JS篇(030)-JavaScript 数组的函数 mapforEachreducefilter

参考答案： 1.map // map // 作用：对数组进行遍历 // 返回值：新的数组 // 是否改变原有数组：不会 var arr = [2, 5, 3, 4]; var ret = arr.map...; }); console.log(ret); //[3,6,4,5] console.log(arr); //[2,5,3,4] 2.forEach // forEach 方法 // 作用：遍历数组的每一项...// 返回值：undefined // 是否改变原有数组：不会 var arr = [2, 5, 3, 4]; var ret = arr.forEach(function(value) {...，然后两两进行操作，最后返回一个值 // 返回值：return出来的结果 // 是否改变原有数组：不会 var arr = [1, 2, 3, 4]; var ret = arr.reduce(function...ret); // 24 console.log(arr); // [1, 2, 3, 4] 4.filter // filter 过滤 // 作用：筛选一部分元素 // 返回值：一个满足筛选条件的新数组

5103 0

网页中隐藏div的两种方法

隐藏一些源码中无法删除的代码比如说广告、站长统计和音乐播放器..等等等,还是比较实用的方法一 style="visibility:hidden;" visiblity:visible --------...>可见 visiblity:hidden ------->不可见(隐藏) 这种方法div是占据空间的,只是说看到的是空白方法二 style="display:none;" display:none--...------->无(隐藏) display:""------------>有(不设置属性即可见) 这种方法div隐藏后是不占据空间的

1.8K2 0

js实现 chunk 函数分组数组

len) { return []; } if (size > len) { return [list]; } // 最终返回数组...3 ], [ 4, 5 ] ] // [ [ 1, 2, 3, 4 ], [ 5 ] ] // [ [ 1, 2, 3, 4, 5 ] ] // [ [ 1, 2, 3, 4, 5 ] ] 网上找到的lodash

1.7K1 0

隐藏数值为0的情况下的div 原

(adsbygoogle = window.adsbygoogle || []).push({});

8025 0

lambda隐藏函数的嵌套

# 隐藏函数嵌套 f = (lambda a,b :a if a>b else b)(1000, 2000008) print((lambda a,g:a if a > g else g)(2000,f

1K5 0

day020: JS数组的高阶函数——基础篇

020: JS数组的高阶函数——基础篇 1.什么是高阶函数概念非常简单，如下: 一个函数就可以接收另一个函数作为参数或者返回值为一个函数，这种函数就称之为高阶函数。那对应到数组中有哪些方法呢？...2.数组中的高阶函数 1.map 参数:接受两个参数，一个是回调函数，一个是回调函数的this值(可选)。其中，回调函数被默认传入三个值，依次为当前元素、当前索引、整个数组。...创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果对原来的数组没有影响 let nums = [1, 2, 3]; let obj = {val: 5}; let newNums...filter方法返回值为一个新的数组，这个数组里面包含参数里面所有被保留的项。...答案是将数字转换为字符串，然后根据字母unicode值进行升序排序，也就是根据字符串的比较规则进行升序排序。

3752 0

JS-比较函数中嵌套函数，可以排序【对象数组】

25 data.sort(createCompareFun("name")); 26 document.write("用name排序，获得的第二位的元素的...name是：【"+data[2].name+"】") 29 说明：createCompareFun()函数内部，嵌套一个内部函数，函数作为值被return返回，内部函数传两个参数...，并通过[]讲createCompareFun()函数的propertyName属性解析出来，在通过常规比较函数进行判断、比较。...在data中，定义了一个有三个元素的对象数组，最后调用createCompareFun()函数，并根据自己需要比较的属性来传参，函数对数组进行排序。得到比较的结果。...再加一个普通的比较函数 1 function compare(value1,value2){ 2 if(value1>value2

4.9K2 0

根据输入数组的整数值返回数组 {inputScoreRet,inputSocreRet}

根据输入数组的整数值 intputArr1{1,1,3} inputArr2{13,3,4} * 如果inputArr1[0]==inputArr2[0] inputArrRet1Score get 0...inputArr1[1]>inputArr2[1] inputArrRet1Score get 1 score inplutScoreRet[0]+=1; * 否则 inputScoreRet[1]+=1; * 返回数组...integers.add(i); } System.out.println(integers); } /** * 根据输入数组的整数值...inputArr2[1] inputArrRet1Score get 1 score inplutScoreRet[0]+=1; * 否则 inputScoreRet[1]+=1; * 返回数组

934 0

html页面根据js名称调用需要的js

小功能，不过还比较有用，其他的类似功能都一样。代码 <!...– question S –> < div class = “ question “ style = “ position: relative “ >...< div title = “ 测试 “ > </ div > < div class = “ question_con “ > <...1 ]; load(jsname); } function load(js...> </ div > </ div > </ body > </ html > 发布者：全栈程序员栈长，转载请注明出处：https://

8.1K3 0

带左右箭头切换div的js 原

(adsbygoogle = window.adsbygoogle || []).push({});

12.5K3 0

像素化隐藏你的JS代码

本文主要灵感来自：https://imququ.com/post/code2png-encoder.html 我改变了原文的解码方式，结合之前写的像素隐写https://hide.aoaoao.me/...使得代码能够隐藏在现有图片中。...比如下面代码中的md5加密函数就写在了图片中。.../download.aoaoao.me/25054098_result.png'; </script> 效果预览：https://jsfiddle.net/de885aga/ 而实际上加载的这张图片看上去并没有什么特别之处

2.7K1 0

js数组的操作

，对数组中的每一项运行给定函数。...，返回每次函数调用的结果组成的数组。...这两个方法都接收两个参数：一个在每一项上调用的函数和（可选的）作为归并基础的初始值。传给 reduce()和 reduceRight()的函数接收 4 个参数：前一个值、当前值、项的索引和数组对象。...这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代发生在数组的第二项上，因此第一个参数是数组的第一项，第二个参数就是数组的第二项。...3、constructor 属性表示创建对象的函数。 object.constructor //object是对象或函数的名称。

2.8K0 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云