javascript - 如何将我的 fontawesome 图标放入 JavaScript 按钮中？

Question

我用 JavaScript 构建了一个按钮，现在我希望它也成为按钮中来自 Fontawesome 的购物车。我尝试过这样的事情:

var x = document.getElementByCLass("I").innerHTML

这是我的按钮:

var btn = document.createElement("BUTTON");
var t = document.createTextNode("Lägg till i kundkorgen");

这是我尝试调用的图标:

<li>
  <a href="kundkorg.html">
    <i class="fa fa-shopping-cart fa-3x" aria-hidden="true"></i>
  </a>
</li>

它不起作用，我被卡住了。我希望得到一些指点。

Answer 1

嗯，您必须将整个标记注入(inject)到最近创建的标记中。您可以通过多种方式实现这一目标，其中之一是:

var btn = document.createElement("BUTTON");
btn.innerHtml = '<i class="fa fa-shopping-cart fa-3x" aria-hidden="true"></i> Lägg till i kundkorgen';

应该可以用!其余代码仍然相同(假设它已经正常工作，并且您的问题只是通过 Javascript 将图标放入按钮内)。但我确实建议你不要使用纯 javascript 来做到这一点(我假设你当前不是在进行专门的学习任务，而是在工作任务中)，而是尝试学习 jQuery 或一些相关框架。它将帮助您用更少的代码完成这样的事情!