Nicht erfasster TypeError:Eigenschaft innerHTML von null kann nicht gelesen werden (Lösung)

Kürzlich habe ich einige statische Seiten entwickelt und einige Seiten Uncaught TypeError: Cannot read property 'innerHTML' of null erhalten oder ähnliche Probleme.
Es treten Probleme auf, wenn etwas fehlt, wie z. B. Klassen, Selektor auf einigen Seiten, aber wir rufen jeden Teil von JavaScript auf, um alle Seiten auszuführen.

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

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

    </script>

Probleme treten auf, wenn ich die Demo-Klasse anrufe, aber es gibt keine Demo-Klasse in Dom. Also, in diesem Moment wirft Javascript TypeError.

aber wenn wir es kurz machen mit nur logischen Operatoren && es gibt keinen TypeError. Zum Beispiel,

let demo = document.querySelector('.demo')
        demo&&(
            console.log(demo.innerHTML)
        )

Danke.