Uncaught TypeError: Cannot read property 'nodeName' of null

Question

I have a code:

(function($) {
$(window).scroll(function() {
    if ($(this).scrollTop() >= 50) {        // If page is scrolled more than 50px
        $('#return-to-top').fadeIn(200);    // Fade in the arrow
    } else {
        $('#return-to-top').fadeOut(200);   // Else fade out the arrow
    }
});
$('#return-to-top').click(function() {      // When arrow is clicked
    $('body,html').animate({
        scrollTop : 0                       // Scroll to top of body
    }, 500);
});
})(jQuery);

In Chrome, I'll truncate the page down. Then I get an error in the console.

> Uncaught TypeError: Cannot read property 'nodeName' of null
>>    at _e (index.js:63)
>>>  at MutationObserver.<anonymous> (index.js:63)

Page in Wordpress. Anyone can help?

score 2 · Answer 1 · answered Jan 21 '21 at 13:29

Cannot read property 'nodeName' of null suggests that something you are trying to access from jQuery is not available at the time the script is trying to access it.

Without seeing the rest of the code it would be hard to tell what is missing, but as a starting point, ensure that your jQuery function is surrounded by document on ready function.

// A $( document ).ready() block.
$( document ).ready(function() {
    $(window).scroll(function() {
        if ($(this).scrollTop() >= 50) {        // If page is scrolled more than 50px
            $('#return-to-top').fadeIn(200);    // Fade in the arrow
        } else {
            $('#return-to-top').fadeOut(200);   // Else fade out the arrow
        }
    });
    $('#return-to-top').click(function() {      // When arrow is clicked
        $('body,html').animate({
            scrollTop : 0                       // Scroll to top of body
        }, 500);
    });
});

This ensures that the block of code is only run once the DOM is fully loaded.

score 1 · Answer 2 · answered Jul 15 '21 at 16:23

1

you are getting this error because your javascript library is loading before your DOM is loaded. Make sure your DOM loads first.

answered Jul 15 '21 at 16:23

Lutfor Rahman

79
6

score 0 · Answer 3 · answered Jan 21 '21 at 14:43

0

The error shows that you are trying to read the property called nodeName from null-valued variable that you think it was an object. Please check other parts of your code.

answered Jan 21 '21 at 14:43

Pakpoom Tiwakornkit

2,601
1
20
19

Uncaught TypeError: Cannot read property 'nodeName' of null

3 Answers3