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>

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

2 个答案: