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

<!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>event.srcElement.parentElement用法演示</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 οndblclick='chkSelect();'>
          <td><input type="checkbox" name="checkbox" value="checkbox">
    </td>
          <td>第一行第一列</td>
          <td>第一行第二列</td>
  </tr>
  <tr οndblclick='chkSelect();'>
    <td><input type="checkbox" name="checkbox2" value="checkbox"></td>
    <td>第二行第一列</td>
    <td>第二行第二列</td>
  </tr>
</table>
</body>
</html>

event.srcElement.parentElement用法演示相关推荐

  1. event.srcElement 和 e.target 用法

    注意获取的标记都以大写表示,如"TD","TR","A"等.所以把看过的一些抄下来,不记得的时候再来看看. 复制代码 代码如下: <s ...

  2. js中event,event.srcElement,event.target在IE和firefox下的兼容性

    1.window.event对象 IE:有window.event对象 firefox:没有window.event对象.可以通过函数的参数传递event对象.例 如:οnmοusedοwn=func ...

  3. window.event.srcElement

    <input type=button value=ok οnclick="mm()"> <s cript LANGUAGE="Javas cript&q ...

  4. window.event.srcElement (转)

    srcElement   event.srcElement指向触发事件的node元素     用于确定事件源 是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理, ...

  5. JavaScript:window.event.srcElement(指触发事件的对象)

    event对象指当前触发的事件对象, window.event.srcElement是指触发事件的对象. srcelement 是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以 ...

  6. python中event的用法_Python编程之event对象的用法实例分析

    本文实例讲述了Python编程中event对象的用法.分享给大家供大家参考,具体如下: Python提供了Event对象用于线程间通信,它是由线程设置的信号标志,如果信号标志位为假,则线程等待直到信号 ...

  7. 安卓案例:Volley用法演示

    安卓案例:Volley用法演示 一.Volley简介 我们平时在开发Android应用的时候不可避免地都需要用到网络技术,而多数情况下应用程序都会使用HTTP协议来发送和接收网络数据.Android系 ...

  8. Python版归并排序算法(附Python程序__name__属性用法演示视频)

    import random def mergeSort(seq, reverse=False): #把原列表分成两部分 mid = len(seq) // 2 left, right = seq[:m ...

  9. event.srcElement 与event.target

    event.target  event.srcElement  这两个是当事件发生时的那个对象引用,相当于JQuery里的this 火狐只能用 event.target,IE只能用event.srcE ...

最新文章

  1. python程序员最害怕的东西,面试!恭喜你收到了offer,来看下吧
  2. 怎么请假显智商高?评论区亮了! | 每日趣闻
  3. MyBatis源码-深入理解MyBatis Executor的设计思想
  4. Vue中前端加密使用RSA加密下的JSEncrypt防止明文暴露
  5. 面向对象设计原则之5-接口隔离原则
  6. 斐波那契回调线怎么画_外汇MT4平台上的斐波那契回调线怎么使用
  7. 求多个数最小公倍数和最大公约数
  8. AAA及RADIUS/HWTACACS协议简介
  9. Miller_Rabin测试法
  10. Atitit 事务的一些概念 目录 1. 事务的另一个特性:数据隔离级别 1 2. Spring五个事务隔离级别和七个事务传播行为 1 3. 在TransactionDefinition接口中定义了
  11. Logback使用总结
  12. creo外观库_Proe/Creo外观着色与贴图
  13. 网页对联广告代码效果大全
  14. Java--Files
  15. CentOS Frp内网穿透:Frps+Nginx反向代理
  16. 学习-Java循环之continue
  17. 华为2019开发者大会内容小记
  18. idea 启动多个项目 减少内存占用
  19. 通用型系统架构设计(多图)
  20. unreal engine 默认启动插件

热门文章

  1. 仙魔契约显示当前服务器爆满,《仙魔契约》符文系统介绍
  2. C语言while循环
  3. M1 MacBookPro的使用分析
  4. 微信小程序中调用百度翻译API(出现的错误54001 52003)
  5. 加入百度数据挖掘研究群
  6. 2016年央视315晚会互联网成重灾区!
  7. sql 提取中文和数字字母
  8. IPv6+VRRP6
  9. 计算机运行游戏慢怎么办,电脑运行速度越来越慢怎么办
  10. 图形图像学领域学习心得(经典帖子)