必威体育Betway必威体育官网
当前位置:首页 > IT技术

event.srcElement.parentElement的用法

时间:2019-06-11 11:43:10来源:IT技术作者:seo实验室小编阅读:84次「手机版」
 

parentelement

event.srcelement.parentelement可以获取当前操作对象的父级对象

看下代码

<!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=gb2312" />
<title>无标题文档</title>
<script language="javascript">
<!--
function chkSelect(){
    var tr=event.srcElement.parentElement;    //获取当前操作对象的父级对象,这里获取的是input元素
 tr.cells[0].children[0].checked=true;
}
//-->
</script>
</head>
<body>
<table width="285" border="1">
  <tr ondblclick='chkSelect();'>
          <td><input type="checkbox" name="checkbox" value="checkbox">
    </td>
          <td>第一行第一列</td>
          <td>第一行第二列</td>
  </tr>
  <tr ondblclick='chkSelect();'>
    <td><input type="checkbox" name="checkbox2" value="checkbox"></td>
    <td>第二行第一列</td>
    <td>第二行第二列</td>
  </tr>
</table>
</body>
</html>

注意本例的双击事件是绑定在表格的行上,当用户双击某行时,首先通过“event. srcElement”属性获取双击的单元格,然后使用DOM对象的“parentElement”属性获取单元格的父级对象“tr”。因为复选框控件位于行的第一列位置,所以可以使用“children[0]”获取行中的复选框,最后设置其“checked”属性即可。

相关阅读

关于SetCapture() 和 ReleaseCapture()的用法

  查MSND,对SetCapture()函数的说明为:“该函数在属于当前线程的指定窗口里设置鼠标捕获。一旦窗口捕获了鼠标,所有鼠标输入都针对

Javascript:history.go()和history.back()的用法与区

Javascript:history.go()和history.back()的用法与区别简单的说就是:go(-1):返回上一页,原页面表单中的内容会丢失;back():返回上一页

matlab中contour 函数的用法(绘制等高线)

原文contour矩阵的等高线图全页折叠语法contour(Z)contour(Z,n)contour(Z,v)contour(X,Y,Z)contour(X,Y,Z,n)contour(X,Y,Z,v)con

Linux——iscsiadm基本用法

1、存储介质1)磁盘阵列:磁盘阵列是一种采用RAID技术、冗余技术和在线维护技术制造的一种高性能、高可用的磁盘存储设备。2)IP-SAN存

indexOf用法

分享到:

栏目导航

推荐阅读

热门阅读