添加列表(使用JS添加)后如何分配图标？

// 创建一个映射关系，将列表项的值与图标类名对应起来
const iconMap = {
  1: 'fa fa-user',
  2: 'fa fa-envelope',
  3: 'fa fa-phone',
  // 其他列表项的映射关系
};

// 获取需要添加图标的列表项
const listItems = document.querySelectorAll('.list-item');

// 遍历列表项，并为每个列表项添加相应的图标类名
listItems.forEach((item) => {
  const value = item.getAttribute('data-value'); // 获取列表项的值
  const iconClass = iconMap[value]; // 根据值获取对应的图标类名
  const iconElement = document.createElement('i'); // 创建图标元素
  iconElement.className = iconClass; // 添加图标类名
  item.appendChild(iconElement); // 将图标元素添加到列表项中
});