首頁猿問 JS面試題：寫一個(gè)方法，傳入一個(gè)D...

JS面試題：寫一個(gè)方法，傳入一個(gè)DOM元素，找到它所有祖先元素中div的個(gè)數(shù)，并返回。

JavaScript Node.js

lxfawh 2017-05-10 18:18:09

我的思路是使用遞歸，一層層往上找。判斷元素名是DIV就返回。下面是我寫的一部分，但實(shí)現(xiàn)不了。求大神幫忙。function findDiv(dom) {? ? ? ? var result = [];? ? ? ? var parents = dom.parentNode;? ? ? ? if (parents.nodeName.toUpperCase() === "BODY") {? ? ? ? ? ? return;? ? ? ? } else if (parents.nodeName.toUpperCase() === "DIV") {? ? ? ? ? ? result.push(parents.nodeName);? ? ? ? }? ? ? ? // console.log(result);? ? ? ? return result;? ? }

查看完整描述

1 回答

已采納

千秋此意

TA貢獻(xiàn)158條經(jīng)驗(yàn) 獲得超188個(gè)贊

function?findDiv(node)?{
????var?result?=?[];
????
????while?((node?=?node.parentNode,?node)?!==?null)?{
????????if?(node.nodeName.toUpperCase()?===?'DIV')?{
????????????result.push(node);
????????}
????}
????
????return?result;
}

加個(gè)循環(huán)上就行了

-----? 補(bǔ)充下，才發(fā)現(xiàn)你好像是要用遞歸寫? -----

function?findDiv(node,?result)?{
????var?result?=?result?||?[];
????var?parent?=?node.parentNode;
????if?(parent?===?null)?{
????????return?result;
????}?else?{
????????return?findDiv(parent,?((parent.nodeName.toUpperCase()?===?'DIV')???result.concat([parent])?:?result));
????}
}

3 反對(duì) 回復(fù) 2017-05-10

lxfawh
請(qǐng)問這一行怎么解釋？while ((node = node.parentNode, node) !== null)

回復(fù) 2017-05-10
千秋此意
每次循環(huán)時(shí) 讓node = node.parentNode，同時(shí)判斷node是否為null，不為null時(shí)繼續(xù)循環(huán)

回復(fù) 2017-05-10
lxfawh
太贊了！謝謝

回復(fù) 2017-05-10