无法在正文下移动“导航栏”

【问题标题】：Impossible to Move "navbar" Under Body无法在正文下移动“导航栏”
【发布时间】：2019-05-25 16:59:33
【问题描述】：

我正在尝试将“mynav”部分向上移动，以便它可以成为 body 的子项（非常位于 html 的顶部）。这应仅适用于网站的移动版本。

我发现并尝试使用的另一个主题：

---

---

---

How to move all HTML element children to another parent using JavaScript?

http://jsfiddle.net/62f9L/

---

---

---

我尝试了这个主题中指定的东西，但我认为我并没有真正成功，因为它仍然将自己定位在 id="burger"

var myNav = document.getElementById('myNav');
var myBody = document.getElementById('myBody');

while (myBody.childNodes.length > 0) {
    myNav.appendChild(myBody.childNodes[0]);
}

https://jsfiddle.net/8n6wjtm7/

我希望在移动版本中将“mynav”移动到 body 元素下。我想用它来打开整页。有没有办法只在Javascript中做到这一点？我真的不喜欢 Jquery。谢谢。

【问题讨论】：

• 您能否详细描述您想要实现的目标？如果它只是一个标准的响应式移动菜单（又名“汉堡”菜单），那么您不必进行任何 DOM 更改。你的 HTML 结构应该保持静态，你可以使用 CSS 来做悬停下拉菜单，使用复选框 hack，或者使用 JS 来获得更好的控制。 Google 上有 1000 多个移动响应式菜单教程，只需在您自己的页面上演示一个即可。
• w3schools.com/howto/tryit.asp?filename=tryhow_js_sidenav_full 正如您在此示例中看到的那样，作为导航栏的

  在 下，因此他们编写了 css 以使其占据整个窗口...它在

  下在我的，所以它不会像你在我的代码中看到的那样占据整个窗口。
• @MarsAndBack 我解决了这个问题，答案在下面。谢谢你的帖子:)。