这期内容当中小编将会给大家带来有关vue项目中使用递归实现获取父元素，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。
使用递归查找父元素，知道查到想要的元素，然后return
计算
安全
数据库
网络和加速
企业服务
getParentTag(startTag) {
var self = this;
// 传入标签是否是DOM对象
if (!(startTag instanceof HTMLElement)) return;
// 父级标签是否是body,是着停止返回集合,反之继续
let nodeName = "";
if (startTag.parentElement) {
nodeName = startTag.parentElement.nodeName ? startTag.parentElement.nodeName : "";
} else {
return;
}
if ("BODY" !== nodeName) {
if (nodeName == "TD") {
return startTag.parentElement;
} else {
if (startTag.parentElement.parentElement) {
return self.getParentTag(startTag.parentElement);
} else {
return false;
}
}
}
}调用函数
this.getParentTag(event.target);
补充知识：Vue.js如何获得兄弟元素，子元素，父元素（DOM操作）
我就废话不多说了，大家还是看代码吧~
<button @click = “clickfun($event)”>点击</button>
methods: {
clickfun(e) {
// e.target 是你当前点击的元素
// e.currentTarget 是你绑定事件的元素
#获得点击元素的前一个元素
e.currentTarget.previousElementSibling.innerHTML
#获得点击元素的第一个子元素
e.currentTarget.firstElementChild
# 获得点击元素的下一个元素
e.currentTarget.nextElementSibling
# 获得点击元素中id为string的元素
e.currentTarget.getElementById("string")
# 获得点击元素的string属性
e.currentTarget.getAttributeNode('string')
# 获得点击元素的父级元素
e.currentTarget.parentElement
# 获得点击元素的前一个元素的第一个子元素的HTML值
e.currentTarget.previousElementSibling.firstElementChild.innerHTML
}
},上述就是小编为大家分享的vue项目中使用递归实现获取父元素了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注亿速云行业资讯频道。
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
