DEV Community

loading...

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

Nikhil Chandra Roy
Front-End Web Developer with JavaScript, ReactJs and Backend Python(Django)
・1 min read

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.

Discussion (0)