javascript - 如何向 document.createElement() 添加图标？

Question

我可以在 React 中显示一个图标，但我还没有弄清楚如何在 svelte 中显示它。我从我的数据库中获取除了图标之外的所有内容，它会引发错误......

未能在“文档”上执行“createElement”：

function getAllPosts(doc) {

    const dataList = document.querySelector('#content');

    let div = document.createElement('div');
    let title = document.createElement('h1');
    let body = document.createElement('span');
    let uid = document.createElement('h6');
    let timestamp = document.createElement('span');
    let comments = document.createElement('p');
    let likes = document.createElement(Icon);

    let createComment = document.createElement('textarea');
    let btn = document.createElement('button');

    createComment.style.cssText = 'border-radius:10px;border:1px  solid #ddd;-moz-box-shadow: 0px 0px 8px  #000;';
    btn.style.cssText = 'border-radius:10px;border:1px  solid #ddd;-moz-box-shadow: 0px 0px 8px  #000;';



    div.setAttribute('class', 'post');
    title.textContent = doc.data().title;
    body.textContent = doc.data().body;
    uid.textContent = doc.data().uid;
    timestamp.textContent = doc.data().timestamp;
    likes.textContent = doc.data().likes;
    comments.textContent = doc.data().comments;
    btn.innerHTML = "Add Comment"; 

    div.appendChild(title);
    div.appendChild(body);
    div.appendChild(uid);
    div.appendChild(timestamp);
    div.appendChild(likes);
    div.appendChild(comments);
    div.appendChild(createComment);
    div.appendChild(btn);
    
    dataList.appendChild(div);
}

标签： javascriptfirebasesvelte