如何在我的JavaScript按钮中放置我的fontawesome图标？

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

好吧，您必须将整个标签注入到您最近创建的标签中。 您可以通过多种方式实现这一目标，其中一种是：

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或一些相关框架。 它将以更少的代码帮助您完成此类工作！

Answer 2

这有效

<button>
    <i class="fa fa-shopping-cart fa-3x"></i>
</button>