parentElement\parentNode.parentNode.childNodes用法例子

最新推荐文章于 2023-04-27 15:35:03 发布

zb0567

最新推荐文章于 2023-04-27 15:35:03 发布

阅读量4.1k

点赞数

分类专栏： javascript jquery 文章标签： javascript generator function html input table

本文链接：https://blog.csdn.net/zb0567/article/details/7182327

版权

javascript jquery 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

offsetParent，parentNode,parentElement 区别
offsetParent
指与位置有关的上级元素
parentNode
指与位置无关的上级元素
parentElement 和 parentNode一样,但parentNode是W3C标准的parentElement 只在IE中可用.

第一种方法

<!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=”">
 <SCRIPT LANGUAGE=”JavaScript”>
 <!–
 var row = -1;
 function showEdit(obj){
 var cell2 = obj.parentNode.parentNode.childNodes[1];
 var rowIndex = obj.parentNode.parentNode.rowIndex;
 cell2.innerHTML = “<input type=’text’ value=’”+ cell2.innerHTML +”‘>”;
 if(row != -1){
 var oldCell2 = document.getElementById(“tb”).rows[row].cells[1];
 oldCell2.innerHTML = oldCell2.childNodes[0].value;
 }
 row = rowIndex;
 }
 //–>
 </SCRIPT>
 </HEAD>
 
<BODY>
 <TABLE id=”tb”>
 <TR>
 <TD><input type=”radio” οnclick=”showEdit(this)” name=”rad”></TD>
 <TD></TD>
 <TD></TD>
 </TR>
 <TR>
 <TD><input type=”radio” οnclick=”showEdit(this)” name=”rad”></TD>
 <TD></TD>
 <TD></TD>
 </TR>
 <TR>
 <TD><input type=”radio” οnclick=”showEdit(this)” name=”rad”></TD>
 <TD></TD>
 <TD></TD>
 </TR>
 </TABLE>
 </BODY>
 </HTML>

第二种方法

<table border=1 width=100%>
 <tr>
 <td><input name=m type=checkbox οnclick=”mm(this)”></td>
 <td>1111</td>
 <td><input name=aaa value=”222″ disabled></td>
 <td><input name=bbb value=”333″ disabled></td>
 </tr>
 <tr>
 <td><input name=m type=checkbox οnclick=”mm(this)”></td>
 <td>1111</td>
 <td><input name=aaa value=”222″ disabled></td>
 <td><input name=bbb value=”333″ disabled></td>
 </tr>
 <tr>
 <td><input name=m type=checkbox οnclick=”mm(this)”></td>
 <td>1111</td>
 <td><input name=aaa value=”222″ disabled></td>
 <td><input name=bbb value=”333″ disabled></td>
 </tr>
 </table>
 
<SCRIPT LANGUAGE=”JavaScript”>
 
function mm(e)
 {
 var currentTr=e.parentElement.parentElement;
 var inputObjs=currentTr.getElementsByTagName(“input”);
 for(var i=0;i<inputObjs.length;i++)
 {
 if(inputObjs[i]==e) continue;
 inputObjs[i].disabled=!e.checked;
 }
 
}
 </SCRIPT>

zb0567

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
parentElement\parentNode.parentNode.childNodes用法例子

offsetParent，parentNode,parentElement 区别 offsetParent 指与位置有关的上级元素 parentNode 指与位置无关的上级元素 parentElement 和 parentNode一样,但parentNode是W3C标准的parentElement 只在IE中可用. 第一种方法 New Docume
复制链接

扫一扫