Question

我可以使用javascript代码生成html表，但是没有出现fontawesome图标。我尝试了很多东西，但仍然存在同样的问题。

以下是代码段：

var tableBody = document.getElementById("tableBody");
var tr = document.createElement('tr');
tableBody.appendChild(tr);
var td1 = document.createElement('td');
td1.setAttribute("class","fas fa-file-pdf");
td1.appendChild("<span class='fas fa-file-pdf'></span>");
tr.appendChild(td1);

我也试过下面的代码而且它也不起作用：

content +="<tr><td><i class='fas fa-file-pdf fa-2x'></i></td><td>N/A2</td><td>N/A3</td><td>N/A4</td></tr>

出于测试目的，我创建了虚拟html表，它按预期工作：

<table>
   <tr><td><span class='fas fa-file-pdf fa-2x'></span></td> <td>2</td> <td>3</td> <td>4</td></tr>
   <tr><td><i class="fas fa-file-pdf fa-2x"></i></td><td>N/A2</td><td>N/A3</td><td>N/A4</td></tr>
  </table>

我正在使用的进口是

<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/solid.js" integrity="sha384-+Ga2s7YBbhOD6nie0DzrZpJes+b2K1xkpKxTFFcx59QmVPaSA8c7pycsNaFwUK6l" crossorigin="anonymous"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/fontawesome.js" integrity="sha384-7ox8Q2yzO/uWircfojVuCQOZl+ZZBg2D2J5nkpLqzH1HY0C1dHlTKIbpRz/LG23c" crossorigin="anonymous"></script>

感谢您的帮助。

Answer 1

content +='<tr><td><i class="fas fa-file-pdf fa-2x"></i></td><td>N/A2</td><td>N/A3</td><td>N/A4</td></tr>'

这应该有效。只需切换'with“

fontawesome问题 - 用fontawesome动态生成带有javascript的html表

1 个答案: