0

我可以使用 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>

谢谢您的帮助。

4

1 回答 1

0
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>'

这应该有效。只需切换 ' 与 "

于 2018-03-21T18:40:29.623 回答