js表格行??

function Test()
{
var oSpan = document.getElementById("SPAN的ＩＤ"); //SPAN对象
var oRow = oSpan.parentNode.parentNode;            //行对象
alert(oRow.cells[1].innerText;)
}

解决方案 »

  1.   


    <table>
    <tr onclick="test(this)">
    <td><span id="x1">001</span></td>
    <td><span id="y2" style="cursor:pointer">bbbb</span></td>
    </tr>
    <tr  onclick="test(this)" >
    <td><span id="x12">002</span></td>
    <td><span id="y22" style="cursor:pointer">aaaa</span></td>
    </tr>
    </table>
    <script language="JavaScript">
    <!--
    function test(oTr){
    oTr.style.backgroundColor = "blue";
    alert(oTr.lastChild.lastChild.innerHTML)
    }
    //-->
    </script>
      

  2.   

    function Test()
    {
    var oSpan = document.getElementById("SPAN的ＩＤ"); //SPAN对象
    var oRow = oSpan.parentNode.parentNode;            //行对象
    alert(oRow.cells[1].innerText);
    }
      

  3.   

    楼上的大X们的代码, 点击完第一行,是可以变色, 但是点击第二行,第一行不会变回原色了噢学习ing~~~~~
      

  4.   

    <HTML>
    <HEAD>
    <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
    <TITLE></TITLE>
    <script type="text/javascript">
     var selTr = null;
     function GoSel(evt)
     {
        var el = evt.srcElement?evt.srcElement:evt.target;
        if(el.tagName.toUpperCase() !="TD") return;
        
        var tr = el.parentNode;
       
        tr.style.backgroundColor="blue";
        if(selTr !=null)
        {
            selTr.style.backgroundColor ="black";
        }
        selTr = tr;
        var span=tr.cells[0].innerHTML;
        
        alert(span);
        
     }</script>
    </HEAD>
    <BODY><table onclick="javascript:GoSel(event);" width="100%" border="1">
          <tr>
               <td>
                    <span id="x1">001</span>
               </td>
                         <td>
                            <span id="y2" onclick="test()" style="cursor:pointer">bbbb</span>
                        </td>
           </tr>
    <tr>
               <td>
                    <span id="x12">002</span>
               </td>
                         <td>
                            <span id="y22" onclick="test()" style="cursor:pointer">aaaa</span>
                        </td>
           </tr>
         </table></BODY>
    </HTML>
      

  5.   

    参考如下代码：
    <html>
    <script type="text/javascript">
    var oldChangeRow = null;function test(sender) {
    var parentNode = sender.parentNode;
    while (parentNode && !/^tr$/i.test(parentNode.tagName)) {
    var parentNode = parentNode.parentNode;
    }
    if (parentNode) {
    if (oldChangeRow == parentNode) return; // 没有发生变化
    if (oldChangeRow) oldChangeRow.style.backgroundColor = ""; // 还原上次高亮的行
    parentNode.style.backgroundColor = "Red";
    oldChangeRow = parentNode; // 记忆上次修改
    }
    }
    </script>
    <body>
    <table>
    <tr>
    <td>
    <span id="x1">001</span>
    </td>
    <td>
    <span id="y2" onclick="test(this);" style="cursor:pointer">bbbb</span>
    </td>
    </tr>
    <tr>
    <td>
    <span id="x12">002</span>
    </td>
    <td>
    <span id="y22" onclick="test(this)" style="cursor:pointer">aaaa</span>
    </td>
    </tr>
    </table>
    </body>
    </html>
      

  6.   


    <table>
    <tr onclick="test(this)">
    <td><span id="x1">001</span></td>
    <td><span id="y2" style="cursor:pointer">bbbb</span></td>
    </tr>
    <tr  onclick="test(this)" >
    <td><span id="x12">002</span></td>
    <td><span id="y22" style="cursor:pointer">aaaa</span></td>
    </tr>
    </table>
    <script language="JavaScript">
    <!--
        function test(oTr){
    for(var i = 0; i < oTr.parentNode.rows.length; i++){
    oTr.parentNode.rows[i].style.backgroundColor = "#FFFFFF";
    }
            oTr.style.backgroundColor = "blue";        alert(oTr.lastChild.lastChild.innerHTML)
        }
    //-->
    </script>
      

  7.   

    可是返回的值我要的是那一行的数值啊...如第一个得到的值应该是001,bbbb
      

  8.   


    <table>
    <tr onclick="test(this)">
    <td><span id="x1">001</span></td>
    <td><span id="y2" style="cursor:pointer">bbbb</span></td>
    </tr>
    <tr  onclick="test(this)" >
    <td><span id="x12">002</span></td>
    <td><span id="y22" style="cursor:pointer">aaaa</span></td>
    </tr>
    </table>
    <script language="JavaScript">
    <!--
        function test(oTr){
            for(var i = 0; i < oTr.parentNode.rows.length; i++){
                oTr.parentNode.rows[i].style.backgroundColor = "#FFFFFF";
            }
            oTr.style.backgroundColor = "blue";
    var arr = [];
    arr.push(oTr.firstChild.firstChild.innerHTML);
            arr.push(oTr.lastChild.lastChild.innerHTML);
    alert(arr)
        }
    //-->
    </script>
      

  9.   

    <html>
    <script type="text/javascript">
    var oldChangeRow = null;var oldObj;
    function test() {
        var newObj = event.srcElement;
        if (newObj != null) {
            if(oldObj == undefined ) {
                newObj.parentNode.style.backgroundColor = "Red";
            } else {
                if (newObj != oldObj) {
                    newObj.parentNode.style.backgroundColor = "Red";
                    oldObj.parentNode.style.backgroundColor = "";
                }
            }
        }
        oldObj = newObj;
        alert(oldObj.parentNode.parentNode.children(0).children(0).innerText);
    }
    </script>
    <body>
    <table>
        <tr>
            <td>
                <span id="x1">001</span>
            </td>
            <td>
                <span id="y2" onclick="test(this);" style="cursor:pointer">bbbb</span>
            </td>
        </tr>
        <tr>
            <td>
                <span id="x12">002</span>
            </td>
            <td>
                <span id="y22" onclick="test(this)" style="cursor:pointer">aaaa</span>
            </td>
        </tr>
    </table>
    </body>
    </html>