2020-11-03

vue 獲取節(jié)點(diǎn)信息


getClickInfo:function(e){? ? ? ? ? ? ? ? ? ? ? ? ?//e為點(diǎn)擊默認(rèn)傳值

????????letclickDom = e.currentTarget;// currentTarget 獲取綁定點(diǎn)擊事件的節(jié)點(diǎn)

????????letcurrentDom = e.target;// target 獲取當(dāng)前點(diǎn)擊節(jié)點(diǎn)

????????letparent = clickDom.parentElement;// parentElement獲取綁定事件節(jié)點(diǎn)的父節(jié)點(diǎn)

????????letprevious = clickDom.previousElementSibling;// previousElementSibling獲取綁定事件節(jié)點(diǎn)的前一個節(jié)點(diǎn)

????????letpreviousInner = previous.innerHTML;// 獲取綁定事件節(jié)點(diǎn)的前一個節(jié)點(diǎn)的內(nèi)容

????????letnext = clickDom.nextElementSibling;// nextElementSibling獲取綁定事件節(jié)點(diǎn)的后一個節(jié)點(diǎn)

????????letfirstChild = clickDom.firstElementChild;// firstElementChild獲取綁定事件節(jié)點(diǎn)的第一個子節(jié)點(diǎn)

????????letchildNodes = clickDom.childNodes;// childNodes獲取子節(jié)點(diǎn),包括元素節(jié)點(diǎn)和文本節(jié)點(diǎn)

????????letchildren = clickDom.children;// children獲取子節(jié)點(diǎn),只獲取元素節(jié)點(diǎn)

????????letchildElementCount = clickDom.childElementCount;// childElementCount獲取子節(jié)點(diǎn)的個數(shù)

????????letlastElementChild = clickDom.lastElementChild;// lastElementChild獲取最后一個子節(jié)點(diǎn)

????????letlastChild = clickDom.lastChild;// lastChild獲取最后一個子節(jié)點(diǎn),包括元素節(jié)點(diǎn)和文本節(jié)點(diǎn)? ? ? ? ? ? ?

? }

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容