时间戳

首页 > 解决方案 > 寻找一种更简单的方法来将导航栏添加到 DOM 中

dom - 寻找一种更简单的方法来将导航栏添加到 DOM 中

问题描述

我正在尝试直接从更新的公式通过 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);

标签： domnavbar

解决方案

尝试将最后一行更改为

document.documentElement.append(mainNav)

推荐阅读