Question

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

JS部分:

<script language="javascript" type="text/javascript">
var a = '龙长春';
var str=document.getElementById("kkk").innerHTML;
//alert(str);
if(str == a)
document.getElementById("kkk").style.display = "none";

</script>

--------------------------------------------------------------

Html部分:
<div id="kkk">龙长春6</div>

--------------------------------------------------------------

通过判断DIV里面的内容,如果符合条件则隐藏之...
上面的代码是可以实现的...
但是在具体的使用过程中,不能在DIV中使用 ID="XXX" 这样的形式...
因为DIV在前台只有一个,是后台通过代码循环出来的...
循环出来的结果就变成..
<div id="kkk">1111</div>
<div id="kkk">2222</div>
<div id="kkk">3333</div>
诸如此类...
但是一个html页面ID不允许重复..
所以必须用
<div class="kkk">龙长春</div>
这样的形式来表现...
但是这样JS就会出问题..
用:
document.getElementByClassName("kkk")
无法生效..页面也不报错..

初学JS...望大神解惑..

Answer 1

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

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

 <div id="k1">//外层div包，用于js定位
    <div class="kkk">test1</div>
    <div class="kkk">test2</div>
    <div class="kkk">test3</div>
    <div class="kkk">test4</div>
 </div>
 <script>
 var list=document.getElementById("k1");//获取检索范围
 var str=list.getElementsByTagName("div");//获取检索内容块
 for(var i=0;i<str.length;i++)//遍历内容块
    if(str[i].className=="kkk")//判断类名是否为kkk
	   if(str[i].innerHTML=="test1")//判断内容是否为指定
	      str[i].style.display="none"; //满足条件内容隐藏显示
 </script>

追问

DIV中的内容为 :
龙长春
比较复杂,是类似CMS的系统产生出来的数据..导致不能判断.
包含XXX则隐藏...类似:
if (aa.indexOf('130830')<0)

隐藏
else
不隐藏
之类的..
但是不怎么会写,望高手不吝赐教..

Answer 2

是不是写错问题。。document.getElementsByClassName("")少写了 s

Answer 3

一般都用id
少用className

追问

但是DIV的数量很多,而且只有 DIV中的内容有变化...
其他都通过 for 循环语句出现...
所以如果用ID
所有DIV的ID都一样..
所以必须用class

追答

那我建议用tagName

Answer 4

首先，你的getElementByClassName("kkk")可能写错了，一般都是getElementByClassName("kkk")；

其次，如果你没有引用其他的已经写好getElementsByClassName(obj)方法的js文件，你这个方法就应该是要报错的，因为js中是没有这个方法的。