Uncaught TypeError: Cannot read property 'innerHTML' of null (solution)
Nikhil Chandra Roy

Nikhil Chandra Roy @nikhilroy2

About: Front-End Web Developer with JavaScript, ReactJs and Backend Python(Django)

Location:
Bangladesh
Joined:
Jan 16, 2020

Uncaught TypeError: Cannot read property 'innerHTML' of null (solution)

Publish Date: May 31 '21
4 0

Recently I develop some static pages and got few pages Uncaught TypeError: Cannot read property 'innerHTML' of null or similar kind of issues.
Issues coming when something missing like classes, selector in some pages but we are calling each portion of JavaScript to perform all the pages.

 <h2 class="">Hello World</h2>

    <script>
        let demo = document.querySelector('.demo')
        console.log(demo.innerHTML)

    </script>
Enter fullscreen mode Exit fullscreen mode

issues coming when I am calling demo class but there are no demo class in Dom. So, in this moment javascript throwing TypeError.

but, if we make it short with just logical operators && it's not giving any TypeError. For example,

let demo = document.querySelector('.demo')
        demo&&(
            console.log(demo.innerHTML)
        )
Enter fullscreen mode Exit fullscreen mode

Thanks.

Comments 0 total

    Add comment