请教怎么取得Div下的 Table 对象(Table没有ID)-JavaSript-爱易网页

请教怎么取得Div下的 Table 对象(Table没有ID)

日期：2014-05-16　浏览次数：20437 次

请问如何取得Div下的 Table 对象(Table没有ID)
<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 >

请问如何根据 table 中每行第二个TD中的内容控制表格行的颜色?
主要的困难是Table 没有ID.不知如何取得Table 对象

拜谢各位了.

补充一下,就是想让表格中的每行根据"完成"/"执行中"这两种不同的状态改变颜色.

再次拜谢

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

HTML code

<!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>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

请教怎么取得Div下的 Table 对象(Table没有ID)

相关资料更多>

推荐阅读更多>