js如何获取几个div组成数组进行全选

时间:2024-11-03 19:27:34

1、首先我们创建三个所需文件,如图所示,js/css/html文件

js如何获取几个div组成数组进行全选

2、如图所示的是html文件,这里要在head中引入其他两个文件, 写了几个div作为测试

js如何获取几个div组成数组进行全选

3、接着在css文件中,简单的写了一些样式,这样方便我们测试效果

js如何获取几个div组成数组进行全选

4、第一种方法就是使用监听绑定click事件,然后通过父div获取子节点的方式进行遍历选择div进行相关操作

js如何获取几个div组成数组进行全选

5、第二种方法是使用click点击事件,然后和上面的方法一样来获取子div进行操作

js如何获取几个div组成数组进行全选

6、如图所示是运行之后显示的效果,点击选中前后对子div的操作

js如何获取几个div组成数组进行全选js如何获取几个div组成数组进行全选

7、还有一个最简单的方法,就是将这些div独立命名为某个class或者id,然后通过class或者id直接获取进行遍历

js如何获取几个div组成数组进行全选
© 2025 光影知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com