vue项目中使用递归实现获取父元素

这期内容当中小编将会给大家带来有关vue项目中使用递归实现获取父元素,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

使用递归查找父元素,知道查到想要的元素,然后返回

 getParentTag (startTag) {
　　var自我=;//传入标签是否是DOM对象
　　如果(!(startTag instanceof HTMLElement))返回;//父级标签是否是身体,是着停止返回集合,反之继续
　　让节点名=?“;
　　如果(startTag.parentElement) {
　　节点名=startTag.parentElement。节点名和# 63;startTag.parentElement。节点名:““;
　　其他}{
　　返回;
　　}
　　如果(“BODY"!==节点名){
　　如果(nodeName==癟D") {
　　返回startTag.parentElement;
　　其他}{
　　如果(startTag.parentElement.parentElement) {
　　返回self.getParentTag (startTag.parentElement);
　　其他}{
　　返回错误;
　　}
　　}
　　}
　　}

调用函数

this.getParentTag (event.target);

<强> Vue。js如何获得兄弟元素,子元素,父元素(DOM操作)

我就废话不多说了,大家还是看代码吧~

& lt;按钮@click=癱lickfun(事件)美元“祝辞点击& lt;/button> 　　 　　方法:{ 　　clickfun (e) {//e。目标是你当前点击的元素//e。currentTarget是你绑定事件的元素 　　#获得点击元素的前一个元素 　　e.currentTarget.previousElementSibling.innerHTML 　　#获得点击元素的第一个子元素 　　e.currentTarget.firstElementChild 　　#获得点击元素的下一个元素 　　e.currentTarget.nextElementSibling 　　#获得点击元素中id为字符串的元素 　　e.currentTarget.getElementById (“string") 　　#获得点击元素的字符串属性 　　e.currentTarget.getAttributeNode(& # 39;字符串# 39;) 　　#获得点击元素的父级元素 　　e.currentTarget.parentElement 　　#获得点击元素的前一个元素的第一个子元素的HTML值 　　e.currentTarget.previousElementSibling.firstElementChild.innerHTML 　　 　　} 　　},

上述就是小编为大家分享的vue项目中使用递归实现获取父元素了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注行业资讯频道。

vue项目中使用递归实现获取父元素