这是通过 DOM 添加导航栏的有效方法吗？

Question

我正在尝试通过 DOM 直接从上行公式添加导航栏，而不必使用 document.createElement。到目前为止，这是我写的，但公式没有显示，这有什么问题吗？

const navContent = `

<nav>
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About Us</a></li>
    <li><a href="#">Products</a></li>
    <li><a href="#">Testimonials</a></li>
    <li><a href="#">Contact Us</a></li>
  </ul>
</nav>

`;

const mainNav = document.createElement("div");
mainNav.classList.add("main-navigation");
mainNav.innerHTML = navContent;
mainNav.append(navContent);

Answer 1

尝试将最后一行更改为

document.documentElement.append(mainNav)

这是通过 DOM 添加导航栏的有效方法吗？

Is this an effective way to add a navbar through the DOM?

dom

navbar