event.srcElement屬性

最近在看別人的代碼遇到event.srcElement.parentElement.parentElement.nextSibling

1.event.srcElement.parentNode.tagName;
得到上一個節點的標籤名稱
eg:
<div style="border:10px red solid">
<input type="button" value="父元素標籤" onclick="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測試" onclick="alert(event.srcElement.parentElement.title)"><td>tr</td></tr>
</table>

4.event.srcElement.title 得到當前標籤title屬性值

<table border=1 width="200">
<tr><td title="td測試" onclick="alert(event.srcElement.title)">td</td></tr>

5.event.srcElement.options[event.srcElement.selectedIndex].value

<select name="selectname" onchange="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 上一節點

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章