javascript - JavaScript 中的 Font Awesome 错误 : Uncaught SyntaxError: Unexpected identifier ​

标签 javascript font-awesome

我刚刚发现了一个名为 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/

相关文章:

javascript - Knockout.js 返回未定义

javascript - 编写 koa 异步函数中间件时出错

android - 使用不带 String.xml 的 FontAwesome 从代码动态设置字体图标

ruby-on-rails - 将 Font Awesome 图标添加到 rails 提交

javascript - 如何获取/设置扩展程序中图像的全局 Google Chrome 内容设置?

c# - 如何启用\禁用表的所有子控件?

javascript - 使用 d3 提示的关闭问题

css - 图标不显示语义 UI

font-awesome - Font Awesome 4.0.3中 "icon-remove-sign"的去向

css - Font Awesome 5 在使用 JS+SVG 版本时显示空方 block