maya042

Интересно, если поставить задержку, то в консоли остается первое значение.
Видимо пока console.log еще выполняется, но не вывел значение, начинает выполняться изменение innerHTML, которое заканчивается раньше, чем console.log вывел значение.

<script>
            function init() {
            var planet = document.getElementById("greenplanet");
            console.log(planet );
            setTimeout(() => {
            	planet.innerHTML = "Red Alert: hit by phaser fire!";	
            },1000);
        }
            window.onload = init;
</script>

Можно посмотреть, как это реализовано в стандартной теме Wordpress TwentySeventeen в inc/icon-functions.php