Javascript中的字體真棒錯誤：未捕獲SyntaxError：意外的標識符

我剛剛發現了一個名爲Font Awesome的字體庫。我試圖按照以下方式整合它，但是我在控制檯中收到了錯誤消息。「未捕獲的SyntaxError：意外的標識符」Javascript中的字體真棒錯誤：未捕獲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>

基本上，我想要做的是，當用戶點擊圖標，從字體真棒的WiFi圖標出現在跨度區域。我在Javascript中使用正確的方法嗎？再次感謝你的時間。

來源

2017-08-01 Alan Koh W.T

'」「;'或''」;' – baao

你有寫<i>與""字符串和內部字符串中使用""

所以這就是爲什麼產生錯誤

使用如下雙向

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

或

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

來源

2017-08-01 10:03:13 Bhargav

文本轉義出現問題。嘗試icon.innerHTML='<i class="fa fa-wifi" aria-hidden="true"></i>';。注意使用單引號。

來源

2017-08-01 10:00:33

Javascript中的字體真棒錯誤：未捕獲SyntaxError：意外的標識符

回答

相關問題