您的位置:首页 > Web前端 > JavaScript

js从table的当前位置获取当前行的元素和td中的前后元素

2013-10-24 14:38 471 查看
<tr>

                <td>第一个单元格</td>

                <td>

                      <input readonly=true type='text' id='itemName' name='itemName' value=‘1’ />

                </td>

                <td>

                        <input disabled=true type='radio' onclick='' name='radio"+list[i].id+"' value=0 />是

                        <input disabled=true type='radio' name='radio"+list[i].id+"' value=1 />否

                </td>

                <td>

                      <a href='javascript:void(0);' onclick='deleteItem()'>删除</a>

                   

                        <a href='javascript:void(0);' onclick='updateItem(this)'>编辑</a>

                     

                        <a href='javascript:void(0);' style='display: none' onclick='save2update()'>保存</a>

                </td>

 </tr>

js

    function updateItem(obj){

        obj.nextElementSibling.style.display='inline';  // 设置后一个a链接的样式

        obj.previousElementSibling.style.display='none';  // 设置前一个a链接的样式

 

          //设置当前行中的第二个td中input的readOnly

        obj.parentNode.parentNode.childNodes[1].getElementsByTagName("INPUT")[0].readOnly=false; 

//设置当前行中的第三个td中input的disabled

        obj.parentNode.parentNode.childNodes[2].getElementsByTagName("INPUT")[0].disabled=false;

        obj.parentNode.parentNode.childNodes[2].getElementsByTagName("INPUT")[1].disabled=false;

    }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: