js 拼接li标签

// 假设我们有一个ul元素，其id为'myList'
var ul = document.getElementById('myList');

// 创建一个新的li元素
var li = document.createElement('li');
// 设置li元素的文本内容
li.textContent = '新的列表项';

// 将新的li元素添加到ul元素中
ul.appendChild(li);

var items = ['苹果', '香蕉', '橙子']; // 这是要添加到列表中的项
var ul = document.getElementById('myList');

items.forEach(function(item) {
    var li = document.createElement('li');
    li.textContent = item;
    ul.appendChild(li);
});

var items = ['苹果', '香蕉', '橙子']; // 这是要添加到列表中的项
var ul = document.getElementById('myList');
var fragment = document.createDocumentFragment();

items.forEach(function(item) {
    var li = document.createElement('li');
    li.textContent = item;
    fragment.appendChild(li);
});

ul.appendChild(fragment);