Javascript 为什么切换类不'；在同一页面上添加innerHTML后无法工作

在同一页上添加innerHTML后，Toggle类不起作用。 如果排除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>

var html=document.querySelector（'html'）；
var边栏='隐藏'；
如果（document.body.clientWidth>=1080）{
试试{sidebar=localStorage.getItem（'mdbook-sidebar'）；
}捕获（e）{}
侧边栏=侧边栏| |“可见”；
}
html.classList.remove（'sidebar-visible'）；
添加（“侧栏-”+侧栏）；
//innerHTML（当我添加此代码时，上面的代码停止工作）
var str5=document.getElementsByTagName（“body”）[0].innerHTML；
var res5=str5
.replace（/title=“Next chapter”/g，“onclick\=\”savePositionNext（）
标题\=“下一章\”）
.替换（/title=“上一章”/g，
“onclick\=”savePositionPrevious（）\”title\=”Previous chapter\”）
document.getElementsByTagName（“body”）[0].innerHTML=res5；

我认为您必须遵循代码中的优先级。在使用“切换”之前，可以更改代码的位置并生成正文内容