2017-08-01 11 views
0

Font Awesomeという名前のフォントライブラリが見つかりました。私はそれを次のように統合しようとしましたが、コンソールにエラーメッセージが表示されました。 「キャッチされないでSyntaxError:予期しない識別子」フォントAwesome in Javascriptエラー:Uncaught SyntaxError:予期しない識別子

var button= document.getElementById("btn"); 
 
var icon=document.getElementById("ic"); 
 

 
button.addEventListener("click", function(){ 
 
\t icon.innerHTML="<i class="fa fa-wifi" aria-hidden="true"></i>"; 
 
}
<head> 
 
\t <script src="https://use.fontawesome.com/180fe96fd3.js"></script> 
 
</head> 
 

 

 

 
<body> 
 
<button id="btn">Click for wifi</button> 
 
<p> 
 
<span id="ic"></span> 
 
</p> 
 
</body>

は基本的に、私がやりたいことは、ユーザーがアイコンをクリックすると、ある、フォント素晴らしいから無線LANのアイコンがスパンエリアに登場しました。 Javascriptで正しい使用方法を使用していますか?もう一度、あなたの時間をありがとう。

+0

'」 "true" "";または ""; ' – baao

答えて

0

エラーのような

使用を生成し、なぜあなたはそうthatsの""

を使用""文字列と内部の文字列で<i>を書く持つ二つの方法以下

icon.innerHTML='<i class="fa fa-wifi" aria-hidden="true"></i>'; 

または

icon.innerHTML="<i class='fa fa-wifi' aria-hidden='true'></i>"; 
1

テキストエスケープに問題があります。試してくださいicon.innerHTML='<i class="fa fa-wifi" aria-hidden="true"></i>';。一重引用符を使用することに注意してください。

関連する問題