请问如何取得Div下的 Table 对象(Table没有ID)

div id 知道吗？如果最外层的div id知道就好办了，
使用
var tbl = document.getElementById("outtest div ID").childNodes[0].childNodes[0];
可以取得table对象
改变table行的颜色，通过改变i行的样式实现的代码是
tbl.rows[i].className = "行的className";

解决方案 »

  1.   

    Div 没有ID , 只有Class.
    大侠们有没有办法
      

  2.   

    如果最外层div的样式唯一,是"view view-case-view-all"
    就这样：<script language="javascript" type="text/javascript" >  
    var divs = document.getElementsByTagName("div");
    var outterDiv;
    for(var i=0;i<divs.length;i++)
    {
        if(divs[i].className=="view view-case-view-all")
        {
            outterDiv = divs[i];
            break;
        }
    }
    var tbl = outterDiv.childNodes[0].childNodes[0]; //取得table对象
    alert(tbl.outerHTML);</script> 
      

  3.   

    找到  className=view-field view-field-workflow-states-state&&tagName=td 的td对象再根据这个td.innerHTML==“”？： 来判断
     
      

  4.   

    <div class='view view-case-view-all'  >  
        <div class=  'view-content view-content-case-view-all' >  
          <table border="1"  >  
            <tr class="odd"  >  
              <td class="view-field view-field-node-title"  >任务测试1  </td  >  
    <td class="view-field view-field-workflow-states-state"  >执行中  </td  >  
            </tr  >  
            <tr class="even"  >  
              <td class="view-field view-field-node-title"  >任务测试2  </td  >  
    <td class="view-field view-field-workflow-states-state"  >完成  </td  >  
            </tr  >  
            <tr class="even"  >  
              <td class="view-field view-field-node-title"  >任务测试3  </td  >  
    <td class="view-field view-field-workflow-states-state"  >执行中  </td  >  
            </tr  >  
          </table  >  
        </div  >  
    </div  >  <script language="javascript" type="text/javascript" >  document.getElementsByClassName = function(_className)
    { //根据class获得对象集合
        var aimObj = [];
        var elements = document.getElementsByTagName("*") ;//取得所有元素的集合
        alert(elements.length);
        for(var i=0;i<elements.length;i++)
        {
            if(elements[i].className==null) continue;
            if(elements[i].className == _className)
            {
                aimObj.push(elements[i]);
            }
        }
        return aimObj;
        
    }var outerDiv = document.getElementsByClassName("view view-case-view-all")[0];//取得class="view view-case-view-all"的第一个对象
    alert(outerDiv.outerHTML);</script> 
      

  5.   

    问题已解决,再次拜谢 CutBug100分送止. ^_^PS:大家对 Drupal 感兴趣吗?
      

  6.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD><BODY><div class='view view-case-view-all'>
    <div class='view-content view-content-case-view-all'>
    <table border="1">
    <tr class="odd">
    <td class="view-field view-field-node-title">任务测试1</td>
    <td class="view-field view-field-workflow-states-state">执行中</td>
    </tr>
    <tr class="even">
    <td class="view-field view-field-node-title">任务测试2</td>
    <td class="view-field view-field-workflow-states-state">完成</td>
    </tr>
    <tr class="even">
    <td class="view-field view-field-node-title">任务测试3</td>
    <td class="view-field view-field-workflow-states-state">执行中</td>
    </tr>
    </table>
    </div>
    </div><script language='javascript'>
    function setClor()
    {
    var tdArray = document.getElementsByTagName("td"); for(var i=0;i<tdArray.length;i++)
    {
    with(tdArray[i]){
    if(innerText == "完成"){
    parentNode.bgColor = "red"; 
    }
    }
    }
    }
    setClor();
    </script>
    </BODY>
    </HTML>