Почему класс Toggle не работает после добавления innerHTML на той же странице

Question

Класс переключения не работает после добавления innerHTML на той же странице. Если исключение работает innerHTML, почему?

<script type="text/javascript">
        var html = document.querySelector('html');
        var sidebar = 'hidden';
        if (document.body.clientWidth >= 1080) {
            try { sidebar = localStorage.getItem('mdbook-sidebar'); 
} catch(e) { }
            sidebar = sidebar || 'visible';
        }
        html.classList.remove('sidebar-visible');
        html.classList.add("sidebar-" + sidebar);

//innerHTML (when I add this code, code above stops work)
var str5 = document.getElementsByTagName("body")[0].innerHTML;
var res5 = str5
.replace(/title="Next chapter"/g, "onclick\=\"savePositionNext()\" 
title\=\"Next chapter\"")
.replace(/title="Previous chapter"/g, 
"onclick\=\"savePositionPrevious()\" title\=\"Previous chapter\"")
document.getElementsByTagName("body")[0].innerHTML = res5; 
</script>

Answer 1

Я думаю, что вы должны следовать приоритету в вашем коде.Вы можете изменить положение кода и сгенерировать содержимое тела перед использованием переключателя.