關于JS中target屬性的使用
首先先介紹一下target這個屬性——觸發事件的元素
定義和語法
//定義
target 事件屬性可回傳事件的目標節點（觸發該事件的節點），如生成事件的元素
//語法
event.target
小結：event.target可以理解為我們當下操作的這個物件，我們通過點擊、鍵盤事件、change等等操作來觸發target(理解深度不夠 以后會繼續完善)
可以不使用for()回圈或者陣列forEach()去判斷我點擊或者我需要找的是哪個元素，直接使用target點擊就可獲取
<ul>
<li>今天6.11</li>
<li>明天6.12</li>
<li>后天6.13</li>
</ul>
<script>
var ul = document.getElementsByTagName('ul');
ul[0].onclick = function (e) {
var event = e || window.event;
var tar = event.target || event.srcElement;
//判斷我們點擊的節點名是否和li相等，如果相等，則提示我們
if(tar.nodeName==='LI'){
console.log("你剛剛點擊了我");
//列印我們點擊的節點和節點內容
console.log(tar);
}else{
console.log('你沒有點擊我');
}
}
</script>
輸出結果：
看到這里就能明白target會根據滑鼠點擊的元素來回傳相應的資料，更快的獲取該屬性
最后，百度后找到相關屬性，貼在這里
獲取文本內容：tar.textContent
獲取父級節點：tar.parentNode
獲取節點名稱：tar.nodeName
使用target獲取到的節點名稱全部為大寫
還有CurrentTarget是系結事件元素需要再做做功課，未完待續，，，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/271586.html
標籤：其他
上一篇：js動態創建表格
下一篇：Thymeleaf基本使用