通过判断Class的值用getElementByClassName隐藏Div元素..

一、通过判断Class的值用getElementByClassName隐藏Div元素..

1、js是不能根据类名直接获取页面元素的，但是有其他折中的方式，个人给你的参考程序如下：

2、输出列表外层添加div包，用于定位，减少程序检索范围：

3、<divid="k1">//外层div包，用于js定位

4、<divclass="kkk">test1</div>

5、<divclass="kkk">test2</div>

6、<divclass="kkk">test3</div>

7、<divclass="kkk">test4</div>

8、varlist=document.getElementById("k1");//获取检索范围

9、varstr=list.getElementsByTagName("div");//获取检索内容块

10、for(vari=0;i<str.length;i++)//遍历内容块

11、if(str[i].className=="kkk")//判断类名是否为kkk

12、 if(str[i].innerHTML=="test1")//判断内容是否为指定

13、 str[i].style.display="none";//满足条件内容隐藏显示

二、js 如何根据class获取对象

1、我给你总结一下啊，因为class是类，所以呢，js中在通过class查找对象时，查找用的代码是：

2、document.getElementsByClassName

3、但是，这里有个细节，elements他找到的是一个集合，哪怕你的网页中class名字是唯一的，也是用数组进行存放的。就是说，如果你想通过class去找对象，要标明索引，浏览器才能识别出来。举个例子：

4、比如你有一个盒子：<div class="test"></div>

5、你要在JS中拿到这个盒子对象，那么你就要这样写：

6、var dom=document.getElementsByClassName("test")[0];

7、这句话的意思就是要先找到所有的classname是test的数组，然后取索引为0的元素

8、比如，通过getElementByTagName("*")找到所有元素，然后用一个for循环，判断.className==你想要的class对象进行筛选，用数组装起来，同样，你要调取单个的对象也要用数组加索引来调取这个元素，这样的代码网上很多，比如：这个网页所描述的代码

9、js通过class来获取DOM对象- playerlife-博客园(cnblogs.com)

三、js如何获取DIV的 class值

1、JavaScript获取HTML元素的class值，可以使用classList属性或class属性。首先，通过document.getElementById、document.getElementsByClassName、document.getElementsByTagName等方法获取到目标元素。接着，使用元素对象的classList或class属性来获取或设置class值。例如，获取id为box的div元素的class值，可以使用如下代码：document.getElementById('box').classList.value。也可以使用document.getElementById('box').className来获取，两者效果相同。

2、classList属性是一个DOMTokenList对象，它包含元素的class名列表，可以添加、删除或替换类。如果需要直接修改class值，可以使用classList的add、remove、toggle等方法。例如，将id为box的div元素的class值添加一个newClass，可以使用document.getElementById('box').classList.add('newClass')。如需删除class，使用document.getElementById('box').classList.remove('newClass')。

3、使用class属性时，直接获取元素的class值，不会返回空格分隔的class列表，而是返回一个字符串，包含所有class名。例如，document.getElementById('box').className。

4、classList与class属性各有优劣，classList提供了更灵活的class管理功能，而class属性则更简单直接。根据具体需求选择合适的方法。在实际开发中，通常推荐使用classList，因为它提供了更强大的功能，能够更方便地进行类的管理和操作。

5、总结来说，获取和修改HTML元素的class值，可以使用classList或class属性，根据项目需求选择合适的方法，classList提供了更丰富的功能，适用于需要动态管理类的场景。