如何將我的fontawesome圖標放入我的JavaScript按鈕？

-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>

和我米卡住了。我會喜歡一些指針。

2017-10-16 Pontus

是否有一個原因是，錨標記不是一個按鈕，鏈接？ –

究竟是什麼問題？什麼不行？ – Pointy

這裏有答案：「字體真棒的JavaScript按鈕」。如果不是，你的具體情況與那些有什麼不同？ – jdv

那麼，你必須注入整個標籤到你最近創建的標籤。您可以通過很多方式實現這一目標，其中一種方法是：

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或一些相關的框架。它會幫你用少量的代碼做這樣的事情！

2017-10-16 21:09:21 BigBlast

這個作品

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

2017-10-16 21:09:28

回答