怎样取div的class 不是ID getElementById

document.getElementById('obj').className

解决方案 »

  1.   

    <SCRIPT LANGUAGE="JavaScript"> 
    window.onload = function() { 
        doubleBgColor(document.document.getElementById("bbsboard").className,"#efefef","#fefefe") 
    } function doubleBgColor(Table,Bg1,Bg2) { 
        for (var i=0;i<Table.rows.length;i++) Table.rows[i].bgColor=i%2?Bg2:Bg1; 
    } 
    </SCRIPT>这是我用的JS可是取不出来
      

  2.   


    <style>
    .aa{
    width:300px;
    height:300px;
    border:1 solid red;
    }
    </style><div id="odiv" class="aa"></div>
    <INPUT TYPE="button" value="Get" onclick="get()">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function get(){
    alert(document.getElementById("odiv").className);
    }
    //-->
    </SCRIPT>
    应该是你代码的别的地方有错误 把你的html发上来
      

  3.   

    而且你是onload那会div还没加载 你当然取不到了阿
      

  4.   

    <SCRIPT LANGUAGE="JavaScript"> 
    window.onload = function() { 
        doubleBgColor(document.getElementById("boardname"),"#efefef","#ffffff") 
    } function doubleBgColor(Table,Bg1,Bg2) { 
        for (var i=0;i<Table.rows.length;i++) Table.rows[i].bgColor=i%2?Bg2:Bg1; 
    } 
    </SCRIPT> <TABLE width="100%" border=0 cellpadding=0 cellspacing=0 id="boardname"> 
        <TR><TD>A </TD>
        </TR> 
        <TR><TD>A </TD> 
        </TR>  
    </TABLE> 
    这个是颜色交替代码。我不想用id="boardname" 而想用class
    这段代码可以正确执行
      

  5.   

    <style>
    .aa{
        background-Color:#efefef;
    }
    .bb{
        background-Color:#ffffff;
    }
    </style><SCRIPT LANGUAGE="JavaScript"> 
    window.onload = function() { 
        doubleBgColor(document.getElementById("boardname"),"aa","bb") 
    } function doubleBgColor(Table,Bg1,Bg2) { 
        for (var i=0;i <Table.rows.length;i++) Table.rows[i].className=i%2?Bg2:Bg1; //这个地方与className有关上面的无关阿
    } 
    </SCRIPT> <TABLE width="100%" border=0 cellpadding=0 cellspacing=0 id="boardname"> 
        <TR> <TD>A </TD> 
        </TR> 
        <TR> <TD>A </TD> 
        </TR>  
    </TABLE> 
      

  6.   

    <SCRIPT LANGUAGE="JavaScript"> 
    window.onload = function() { 
        doubleBgColor(document.getElementById("bbsboard"),"#efefef","#fefefe") 
    } function doubleBgColor(Table,Bg1,Bg2) { 
        for (var i=0;i<Table.rows.length;i++) Table.rows[i].bgColor=i%2?Bg2:Bg1; 
    } 
    </SCRIPT>
    可是还是没效果
      

  7.   

    for (var i=0;i <Table.rows.length;i++) Table.rows[i].className=i%2?Bg2:Bg1;已经变成这样了，还是不行
      

  8.   

    我给你回复的你都不看？
    className是设置class的名称 你的bg1 bg2是颜色
      

  9.   


    <SCRIPT LANGUAGE="JavaScript"> 
    window.onload = function() { 
        doubleBgColor(document.getElementById("boardname"),"#efefef","#fefefe") 
    } function doubleBgColor(Table,Bg1,Bg2) { 
        for (var i=0;i <Table.rows.length;i++) Table.rows[i].boardname.bgColor=i%2?Bg2:Bg1; } 
    </SCRIPT> <TABLE width="100%" border=0 cellpadding=0 cellspacing=0 class="boardname"> 
        <TR> <TD>A </TD> 
        </TR> 
        <TR> <TD>A </TD> 
        </TR>  
    </TABLE>
    兄弟。我的JS不太好。我是这样改的。不知道为什么还是不行。是不是哪写错了
      

  10.   

    <SCRIPT LANGUAGE="JavaScript">
    window.onload = function() {
        doubleBgColor(document.getElementById("bbsboard"),"#efefef","#fefefe")
    }function doubleBgColor(Table,Bg1,Bg2) {
        for (var i=0;i <Table.rows.length;i++) Table.rows[i].bgColor=i%2?Bg2:Bg1;
    }
    </SCRIPT><TABLE width="100%" border=0 cellpadding=0 cellspacing=0 id="bbsboard"> 
        <TR> <TD>A </TD> 
        </TR> 
        <TR> <TD>A </TD> 
        </TR>
        <TR> <TD>A </TD> 
        </TR> 
    </TABLE> 这样显示的是OK的
      

  11.   

    修改className的方法是
    document.all?oEl.className=<yourcssclass>
                :oEl.setAttribute("class",<yourcssclass>);
    你应该提前定义好各类的样式
      

  12.   

    function showmode_getdata(showmode)
     {
      
        var elems = document.getElementsByTagName("td");   
        for ( var  i = 0;  i< elems.length; i++ ){ 
        
         showmode_classid=escape(elems[i].className);
            alert(showmode_classid); 
        }
     }
      

  13.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    .div-balck{
    border:1px solid black;
    background-color:#000000;
    width:100px;
    height:30px;
    float:left;
    margin-left:20px;
    }
    .div-green{
    border:1px solid black;
    background-color:green;
    width:100px;
    height:30px;
    float:left;
    margin-left:20px;
    }
    </style>
    <script type="text/javascript">
    function changeStyle(){
    var oDivs=document.getElementsByTagName("div");
    for(var i=0,nLen=oDivs.length;i<nLen;i++){
    document.all?oDivs[i].className="div-green"
    :oDivs[i].setAttribute("class","div-green");
    }
    }
    </script>
    </head>
    <body>
    <div class="div-balck"></div>
    <div class="div-balck"></div>
    <div class="div-balck"></div>
    <div class="div-balck"></div>
    <div class="div-balck"></div>
    <div class="div-balck"></div>
    <div class="div-balck"></div>
    <input type="button" onclick="changeStyle()" value="改变样式"/>
    </body>
    </html>