我刚刚发现了一个名为 Font Awesome 的字体库。我尝试按如下方式集成它,但我在控制台中收到错误消息。 “未捕获的语法错误:意外的标识符”
var button= document.getElementById("btn");
var icon=document.getElementById("ic");
button.addEventListener("click", function(){
icon.innerHTML="<i class="fa fa-wifi" aria-hidden="true"></i>";
}
<head>
<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>
基本上,我想要做的是,当用户单击图标时,来自 font Awesome 的 wifi 图标出现在跨度区域中。我在 Javascript 中使用的方法是否正确?再次感谢您抽出宝贵的时间。
最佳答案
你写了<i>
与 ""
字符串和内部字符串使用 ""
这就是错误产生的原因
使用如下两种方式
icon.innerHTML='<i class="fa fa-wifi" aria-hidden="true"></i>';
或
icon.innerHTML="<i class='fa fa-wifi' aria-hidden='true'></i>";
关于javascript - JavaScript 中的 Font Awesome 错误 : Uncaught SyntaxError: Unexpected identifier ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45434735/