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;
}
<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;
}
相关文章推荐
- js中获取元素的当前位置
- js中两个常用方法(1.获取当前工程的虚拟目录;2.移除数组指定位置上的元素)
- JS获取鼠标位置、当前元素所在位置
- JS获取各种高度宽度、浏览器窗口滚动条的位置、元素的几何尺寸
- 用js(jQuery)获取table中对应的td中的值!
- JS获取当前日期前后的日期
- jq和js用mousemove获取鼠标当前位置
- js获取html中的table元素里的每一行的行号
- JS中获取元素的尺寸及位置
- JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
- JS与JQUERY获取页面大小、滚动条位置、元素位置
- 原生JS获取元素在文档中的位置
- 获取元素位置信息和所占空间大小(via:js&jquery)
- JS获取当前地理位置方法
- 网页JS获取当前地理位置
- 关于table 点击行获取当前行的某一个列元素
- javascript js jquery获取元素位置代码总结
- 网页JS获取当前地理位置(省市区)
- js:for循环ul/li,获取当前被点击元素的id,以及给其他li设置属性
- Js获取元素相对适口位置