element.getAttribute() returns null when attribute has value

Question

The value of elParentAttr is 'level4' the first time traverseUp is called but every time after is null. Why is this? 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');

Document:

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

Jamie Barker · Accepted Answer · 2015-02-02 15:20:41Z

4

When you're calling it with the loop, aren't you missing the second parameter?

from traverseUp(elParent); to traverseUp(elParent, attr); ?

answered Feb 2, 2015 at 15:20

Jamie Barker

8,2663 gold badges31 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jamie Barker Over a year ago

@maxhallinan No problem, don't forget the green tick :)

Collectives™ on Stack Overflow

element.getAttribute() returns null when attribute has value

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related