javascript导航(列表)，如何动态添加元素

Question

我在一个子页面上添加块——这是一个HTML代码。这些障碍越来越多，我想让自己更容易导航。这些块一个接一个地显示。在子页面的最顶部有"；导航"-div标题和href=iddiv属性。

这是"；导航"；代码：

<ul>
<li><a href="#tips1">Tips - Lorem</a></li>
<li><a href="#tips2">Tips 2 - How to</a></li>
<li><a href="#tips3">Tips 3 - Hello World</a></li>
</ul>

这些是我添加的块(每个块在h3标签中都有不同的id和不同的标题(：

<div id="tips1">
<h3>Tips - Lorem</h3>
<p>Lorem ipsum. Lorem ipsum.</p>
</div>

我只是添加块作为HTML代码。如何使此导航动态？Foreach循环？

问候雅各布。

Answer 1

这是我使用foreach循环在表标记内创建动态td的代码请仔细阅读，我相信它会帮助你

let myTr = document.getElementById("myTr");
let data = ['B','C'];
data.forEach(item => {
let td = document.createElement("TD");
td.innerHTML = item;
myTr.appendChild(td);
});

Answer 2

您可以维护一个数组，并使用map()进行迭代和显示。或者CCD_ 2。如果您打算使用JavaScript