如何根据<td>的内容,改变td内容的颜色


td.style.color = (td.innerText.indexOf("-") == -1)?"":"red";

解决方案 »

  1.   


    <!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>
    <script language="javascript">
    window.onload=function()
    {
    var tab_obj=document.getElementById("tab_obj");
    var td_obj = tab_obj.getElementsByTagName("td");
    for(var i=0;i<td_obj.length;i++)
    {
    if(document.all)
    {
    if(td_obj[i].innerText.indexOf("-") == -1)
    td_obj[i].style.background = "red";
    else
    td_obj[i].style.background = "green";
    }
    else
    {
    if(td_obj[i].textContent.indexOf("-") == -1)
    td_obj[i].style.background = "red";
    else
    td_obj[i].style.background = "green";
    }
    }
    }
    </script>
    </head><body>
    <table id="tab_obj" width="100%" border="0">
    <tr>
    <td>asdf </td>
    <td> asdf- asdf </td>
    <td> ddsasdf -</td>
    </tr><tr>
    <td>asdf- </td>
    <td> asdf asdf </td>
    <td> ddsasdf </td>
    </tr>
    </table>
    </body>
    </html>
      

  2.   

    firefox下 innerText => innerHTML
      

  3.   

    综合了一下
    <!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>
        <title>dhtml.table.changeCellColor.html</title>
        <meta name="generator" content="editplus" />
        <meta name="author" content="Gao YiXiang" />
        <meta name="email" content="[email protected]" />
        <meta name="keywords" content="javascript dhtml dom" />
        <meta name="description" content="I love web development." />
    </head>
    <body>
        <h3>根据 Cell 内容改变字体颜色！注：IE6sp1, FF2 测试可用。</h3>
        <table id="tbe01" border="1">
            <tr>
                <td>01-01</td>
                <td>0102</td>
            </tr>
            <tr>
                <td>0201</td>
                <td>02-02</td>
            </tr>
        </table>
        <table id="tbe02" border="1">
            <tr>
                <td>01-01</td>
                <td>0102</td>
            </tr>
            <tr>
                <td>0201</td>
                <td>02-02</td>
            </tr>
        </table>
        <table id="tbe03" border="1">
            <tr>
                <td>01-01</td>
                <td>0102</td>
            </tr>
            <tr>
                <td>0201</td>
                <td>02-02</td>
            </tr>
        </table>
    </body>
    <script type="text/javascript">
    <!--
    function changeCellColor(sTableId)
    {
        var oTbe = document.getElementById(sTableId);
        var td;
        for (var i=0; i<oTbe.rows.length; i++)
        {
            for (var j=0; j<oTbe.rows[i].cells.length; j++)
            {
                with (oTbe.rows[i].cells[j])
                {
                    style.color = (innerHTML.indexOf("-") > -1)?"blue":"red";
                }
            }
        }
    }changeCellColor("tbe01");
    changeCellColor("tbe03");
    //-->
    </script>
    </html>
      

  4.   

    楼主老大（cgcol），我的网站是怎么回事啊，都快一个月了，还访问不了，什么原因给个话啊？ 
    (www.yongyipearl.com) 
    http://topic.csdn.net/u/20070116/21/49478633-706b-4275-b806-e8dd1a8d44ec.html
      

  5.   

    楼主老大（cgcol），我的网站是怎么回事啊，都快一个月了，还访问不了，什么原因给个话啊？ 
    (www.yongyipearl.com) 
    http://topic.csdn.net/u/20070116/21/49478633-706b-4275-b806-e8dd1a8d44ec.html我也不想这样，但我实在是没有办法，麻烦你尽快解决，钱也交了，网站却访问不了，都这么久了，还没个调查结果？