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：意外的标识符

回答

相关问题