博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Event.srcElement 中属性介绍
阅读量:5836 次
发布时间:2019-06-18

本文共 1605 字,大约阅读时间需要 5 分钟。

hot3.png

1.event.srcElement.parentNode.tagName; 
得到上一个节点的标签名称 
eg: 
<div style="border:10px red solid"> 
<input type="button" value="父元素标签" οnclick="alert(event.srcElement.parentNode.tagName)"> 
</div> 
event.srcElement的子标签 和父标签: 
第一个子标签为 
event.srcElement.firstChild 
最后个一个是 
event.srcElement.lastChild 
当然也可以用 
event.srcElement.children[i] 
event.srcElement.ChildNode[i] 
至于event.srcElement.parentElement是指在鼠标所在对象的上一个对象 
2.event.srcElement.tagName 得到点击位置的标签名称 
3.event.srcElement.parentElement.title 得到上一节点标签名称和title属性值 
eg: 
<table border=1 width="200"> 
<tr title="tr测试" οnclick="alert(event.srcElement.parentElement.title)"><td>tr</td></tr> 
</table> 
4.event.srcElement.title 得到当前标签title属性值 
<table border=1 width="200"> 
<tr><td title="td测试" οnclick="alert(event.srcElement.title)">td</td></tr> 
5.event.srcElement.options[event.srcElement.selectedIndex].value 
<select name="selectname" οnchange="alert(event.srcElement.options[event.srcElement.selectedIndex].value)" > 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
</select> 
</table> 
event.srcElement.id 
event.srcElement.tagname 
event.srcElement.type 
event.srcElement.value 
event.srcElement.name 
event.srcElement.classname 
event.srcElement.parentelement 
event.srcElement.getattribute 
event.srcElement.children 
event.srcElement.lastChild 
event.srcElement.ChildNode 
event.srcElement.selectedIndex 
总之 常用的也就 event.srcElement.value ..得到钱标记的各种属性值 
event.srcElement.parentElement.各属性 
event.srcElement.各标签属性 
event.srcElement.parentNode 上一节点

转载于:https://my.oschina.net/rouchongzi/blog/111998

你可能感兴趣的文章
抓住云机遇编排工作 搞定复杂IT工作流
查看>>
MYSQL的longtext字段能放多少数据?
查看>>
MTK 平台上如何给 camera 添加一种 preview size
查看>>
云计算最大难处
查看>>
关于数据分析思路的4点心得
查看>>
Memcached安装与配置
查看>>
美团数据仓库的演进
查看>>
SAP被评为“大数据”预测分析领军企业
查看>>
联想企业网盘张跃华:让文件创造业务价值
查看>>
记录一次蚂蚁金服前端电话面试
查看>>
直播源码开发视频直播平台,不得不了解的流程
查看>>
Ubuntu上的pycrypto给出了编译器错误
查看>>
聊聊flink的RestClientConfiguration
查看>>
在CentOS上搭建git仓库服务器以及mac端进行克隆和提交到远程git仓库
查看>>
測試文章
查看>>
Flex很难?一文就足够了
查看>>
【BATJ面试必会】JAVA面试到底需要掌握什么?【上】
查看>>
CollabNet_Subversion小结
查看>>
mysql定时备份自动上传
查看>>
17岁时少年决定把海洋洗干净,现在21岁的他做到了
查看>>