我有一个简单的 html 结构需要遍历。出于某种原因,我的递归函数在任何嵌套节点上返回“undefined”,但对于父节点则不返回。不幸的是,这需要是 native js,没有 jQuery。谢谢!
HTML:
<div id="container">
<div id="head">
<span id="left"><</span>
<span id="right">></span>
</div>
</div>
脚本:
var h = hasId(container, 'head');
var l = hasId(container, 'left');
var r = hasId(container, 'right');
console.log(h + " : " + r + " : " + l);
//[object HTMLDivElement] : undefined : undefined
function hasId(ele, id) {
for (var i = 0; i < ele.childNodes.length; i++) {
var child = ele.childNodes[i];
if(child.id == id) return child;
else hasId(child, id);
}
}
最佳答案
您只是在递归调用中调用return
。此外,您应该测试其结果是否已定义。是则返回,否则继续循环。
var h = hasId(container, 'head');
var l = hasId(container, 'left');
var r = hasId(container, 'right');
console.log(h + " : " + r + " : " + l);
//[object HTMLDivElement] : undefined : undefined
function hasId(ele, id) {
for (var i = 0; i < ele.childNodes.length; i++) {
var child = ele.childNodes[i];
if(child.id == id) return child;
else {
var next = hasId(child, id);
if(next) return next;
};
}
}
关于JavaScript + 递归函数返回未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10762312/