我可以使用 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>
谢谢您的帮助。