将包含函数的HTML注入文档（insertAdjacentHTML，prepend，insertBefore等）

Question

我有一些HTML想要在firstComment元素之前注入到我的文档中。

我内部有几个函数（仅返回svgs，所以当代码运行thumbsUp()时，thumbsDown()显示为[object Object] [object Object]。

反正在保留功能的同时插入该HTML吗？我可以用svgs替换功能，但我不愿意。

const postComment = (inputValue) =>
{
  const d1 = document.getElementById('firstComment')
  d1.insertAdjacentHTML('beforebegin',
    ` 
      <div>
        <div class={${p}-comment-avatar}></div>
          <div class={${p}-comment-container}>
            <h5 class="commentorName">Guest</h5>
            <div class="dateOfComment">Just Now</div>
            <p class="comment">${inputValue}</p>
            <div class="thumbs">
              <span class="thumbsUpIcon">
                ${thumbsUp(16)}
              </span>
              <span class="thumbsDownIcon">
                ${thumbsDown(16)}
              </span>
            </div>
            <p class="replyText">REPLY</p>
          </div>
      </div>
    `
  )
}

Answer 1

可能是在thumbsDown（）的返回中。您可以发送此thumbsDown（）函数和它返回的svg之一吗？