<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div class="a">
一級
<div class="b">
二級
<div class="c">
三級
<div id="start" class="">
目標
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript">
let startTag = document.querySelector('#start')
/**
* getParentTag - 獲取傳入標簽的所有父級標簽
*
* @param { HTMLElement } startTag 初始dom節(jié)點
* @param {Array} parentTagList 初始dom節(jié)點的所有父級節(jié)點
* @return {type} 遞歸/初始dom節(jié)點的所有父級節(jié)點
*/
function getParentTag(startTag, parentTagList = []) {
// 傳入標簽是否是DOM對象
if (!(startTag instanceof HTMLElement)) return console.error('receive only HTMLElement');
// 父級標簽是否是body,是著停止返回集合,反之繼續(xù)
if ('BODY' !== startTag.parentElement.nodeName) {
// 放入集合
parentTagList.push(startTag.parentElement)
// 再上一層尋找
return getParentTag(startTag.parentElement, parentTagList)
}
// 返回集合,結(jié)束
else return parentTagList;
}
console.log(getParentTag(startTag));
</script>
</html>
js原生遞歸獲取一個節(jié)點的所有父級節(jié)點
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來骑晶，“玉大人痛垛，你說我怎么就攤上這事⊥盎祝” “怎么了匙头？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長仔雷。 經(jīng)常有香客問我乾胶，道長，這世上最難降的妖魔是什么朽寞？ 我笑而不...
- 正文 為了忘掉前任识窿，我火速辦了婚禮，結(jié)果婚禮上脑融，老公的妹妹穿的比我還像新娘喻频。我一直安慰自己，他們只是感情好肘迎，可當(dāng)我...
- 文/花漫 我一把揭開白布甥温。 她就那樣靜靜地躺著锻煌，像睡著了一般。 火紅的嫁衣襯著肌膚如雪姻蚓。 梳的紋絲不亂的頭發(fā)上宋梧，一...
- 文/蒼蘭香墨 我猛地睜開眼它匕，長吁一口氣：“原來是場噩夢啊……” “哼展融！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起豫柬，我...
- 正文 年R本政府宣布，位于F島的核電站翁涤，受9級特大地震影響桥言，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜葵礼，卻給世界環(huán)境...
- 文/蒙蒙 一号阿、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧鸳粉，春花似錦扔涧、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽弯汰。三九已至，卻和暖如春湖雹，著一層夾襖步出監(jiān)牢的瞬間咏闪，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 第一組：楊昊 Angular js雙重循環(huán)獲取父級下標$index 在顯示數(shù)據(jù)時可能遇到使用ng-repeat的...
- 我們常常會問，為什么我們這樣愛一個人勒奇，但是他不愛我，讓人這樣難過巧骚。 愛怎么會讓人難過呢赊颠？ 你的愛里面有所求，有執(zhí)著...
- 人扼仲，不孝不可交抄淑； 人，不誠不可處肆资！ 人，不懂尊重別人灶芝、 不講信用、心胸狹窄夜涕、 不顧全大局， 不懂換位思考者女器， 不能...
