将数组中的动态项打印到DOM中可以通过以下步骤实现:
<ul>
元素作为列表容器。<li>
元素来展示每一项。appendChild()
方法将每个展示项添加到<ul>
元素中。下面是一个示例代码:
HTML:
<ul id="list-container"></ul>
JavaScript:
// 假设有一个动态数组
const dynamicArray = ['项1', '项2', '项3'];
// 获取列表容器
const listContainer = document.getElementById('list-container');
// 遍历数组中的每一项
dynamicArray.forEach(item => {
// 创建展示项的HTML元素
const listItem = document.createElement('li');
// 填充每一项的内容
listItem.textContent = item;
// 将展示项添加到列表容器中
listContainer.appendChild(listItem);
});
这样,数组中的动态项就会被打印到DOM中,以列表的形式展示出来。