JavaScript 变量赋值 Font Awesome 图标 - 使用类名 - 常规

{"title":"JavaScript 变量赋值 Font Awesome 图标 - 使用类名","description":"学习如何将 Font Awesome 图标类名赋予 JavaScript 变量，并在 HTML 中使用该变量显示图标。","keywords":"javascript, font awesome, icon, class, variable, html, 变量赋值, 图标","content":"要给变量赋值 Font Awesome 网站的图片，可以直接将图片的类名作为字符串赋给变量。\n\n例如，要给变量icon赋值"far fa-heart"，可以这样写：\n\njavascript\nvar icon = \"far fa-heart\";\n\n\n然后，在 HTML 中使用这个变量来显示相应的图标，可以使用<i>标签，并将变量作为class属性的值，如下所示：\n\nhtml\n<i class="{{ icon }}"></i>\n\n\n这样，前端框架或模板引擎会自动将{{ icon }}替换为变量的值，生成对应的图标。"}