古詩詞大全網 - 成語經典 - JS中target屬性的使用

JS中target屬性的使用

最近學習了target屬性,是真的強大,可以不使用for()循環或者數組forEach()去判斷我點擊或者我需要找的是哪個元素,直接使用target點擊就可獲取。

接下來說說target哪裏強大。

先看看target是什麽意思

target 事件屬性可返回事件的目標節點(觸發該事件的節點),如生成事件的元素、文檔或窗口。

我認為target事件就是會自動判斷我們點的是哪個元素,我給大家舉個簡單的例子

當我們的鼠標點擊第壹個li時,會提示“妳剛剛點擊了我”,並打印<li>今天6.11</li>

當我們的鼠標點擊第二個li時,會提示“妳剛剛點擊了我”,並打印<li>今天6.12</li>

當我們的鼠標點擊第三個li時,會提示“妳剛剛點擊了我”,並打印<li>今天6.13</li>

還有各個屬性,說幾個比較常用的

獲取文本內容: tar.textContent

獲取父級節點: tar.parentNode

獲取節點名稱: tar.nodeName

需要註意,使用target獲取到的節點名稱全部為大寫

這就是他的強大的地方,會根據我們鼠標點擊的元素來返回相應的數據,幫助我們更快的獲取該屬性,感興趣的朋友可以試試。