如何使用javascript动态地将li和div标记附加到html中

我正在创建一个水平的时间线，其中新元素需要根据需求添加

我需要在下面的代码中使用javascript动态地向ol添加新的li、div标记 这是我的html代码

<section class="timeline">
  <ol>
    <li>
      <div>
        <time>1934</time> mycode
      </div>
    </li>
  </ol>
</section>

1934麦可德

我对科技一无所知。 请您帮忙。

使用此代码

var ul = document.getElementById("list");
  var li = document.createElement("li");
  li.appendChild(document.createTextNode("timeline"));
  ul.appendChild(li);

有关jQuery，请参阅以下参考：

---

可以使用

文档

对象中的这些方法来实现您所需要的

1-

let container=document.getElementById（“YourContainerDiv”）

返回要将列表项（

li

）附加到的容器

div

元素

2-

let listItem=document.createElement（“li”）返回列表项的新元素

3？-
listItem.innerText='bla bla'用数据填充列表项的可选步骤

4-
container.appendChild（listItem）
将新创建的列表项添加到父容器元素。
为了动态创建和附加元素，我们必须使用以下方法来实现所需的功能

document.createElement（）
-此方法使用作为参数传递的标记名创建HTML元素。
示例：创建
li元素：-

var dynamicLi = document.createElement("li");


element.setAttribute（）
-此方法用于设置属性。
示例-
在新创建的
li
标记中添加id
：-


node.appendChild（）
-此方法将节点附加到指定父节点的子节点列表的末尾。
示例-将新创建的
li标签
添加到其
父ul标签
：-

let ul = document.getElementById("dynamic-list"); // we get the parent node
ul.appendChild(li); // we append the li in the ul tag .


下面是工作代码片段，使用上面定义的步骤：

  let ul = document.getElementById("Ul");  
  let li = document.createElement("li");
  li.setAttribute('id','li1');
  ul.appendChild(li);

这能回答你的问题吗？解释得很好。
  let ul = document.getElementById("Ul");  
  let li = document.createElement("li");
  li.setAttribute('id','li1');
  ul.appendChild(li);