2017-10-16 91 views
-1

我使用JavaScript构建了一个按钮,现在我希望它是按钮中的Fontawesome的购物车。我想是这样的:如何将我的fontawesome图标放入我的JavaScript按钮?

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> 

和我米卡住了。我会喜欢一些指针。

+1

是否有一个原因是,锚标记不是一个按钮,链接? –

+0

究竟是什么问题?什么不行? – Pointy

+0

这里有答案:“字体真棒的JavaScript按钮”。如果不是,你的具体情况与那些有什么不同? – jdv

回答

0

那么,你必须注入整个标签到你最近创建的标签。您可以通过很多方式实现这一目标,其中一种方法是:

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或一些相关的框架。它会帮你用少量的代码做这样的事情!

0

这个作品

<button> 
    <i class="fa fa-shopping-cart fa-3x"></i> 
</button> 
相关问题