javascript - 当属性具有值时，element.getAttribute() 返回 null

Question

elParentAttr 的值在第一次调用 traverseUp 时是 'level4' 但之后每次都是 null。为什么是这样？ fiddle here .

JavaScript:

function traverseUp(el, attr) {
    var elParent = el.parentNode,
        elParentAttr = el.parentNode.getAttribute(attr);

    console.log(elParent);
    console.log(elParentAttr);

    traverseUp(elParent);
}

traverseUp((document.getElementsByClassName('level5'))[0], 'class');

文档:

<div class="level1">
    <div class="level2">
        <div class="level3">
            <div class="level4">
                <div class="level5"></div>
            </div>
        </div>
    </div>
</div>

Answer 1

当你用循环调用它的时候，你是不是漏掉了第二个参数？

从 traverseUp(elParent); 到 traverseUp(elParent, attr); ?