我正在尝试通过以下代码为span标签动态应用字体家族CSS。
var node = document.getElementsByTagName("span");
$(node).css("font-family","Courier New,Courier,monospace");
在执行此操作时，font-family的第一部分被包装成双引号，如下所示
"font-family: "Courier New",monospace;"
样式适用于元素，但我需要删除为字体家族值（“ Courier New”）的第一部分添加的内部双引号，以便在控制器端处理此HTML。
Jsfiddle链接：http://jsfiddle.net/uot92ysf/9/
有人可以建议我如何在不使用内部引号的情况下为span标记应用字体系列样式，或者如何在添加CSS之后删除引号吗？
此致
Keerthana。
我认为您的报价影响不大。只需阅读文档
https://mathiasbynens.be/notes/unquoted-font-family
,来自MDN：<family-name> Values
,字体家族的名称。例如，“时间”和“ Helvetica”是字体家族。 包含空格的字体家族名称应 。
var node = document.getElementsByTagName("span");
$(node).css("font-family",`'Courier New,Courier,monospace'`);<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span>Example</span>
您可以将属性添加为String对象，以解决该问题。
, 'Courier New'周围的单引号可以胜任。示例：
编辑：
按照示例在CSS中设置字体系列时，将其双引号引起来。按照CSS标准。 “字体家族名称必须要么用引号引起来，要么用引号引起来，而不是一个或多个标识符的序列。这意味着每个标记开头的大多数标点符号和数字都必须用未引用的字体家族名称进行转义。”
因此，它的工作方式与我在CSS JS Fiddle Example中设置的方式相同
$('#button2').click(function() {
var node = document.getElementById("test");
var font = 'Courier New';
console.log($(node).css("background-color") );
if ( $(node).css("background-color") == "rgb(255,255,255)") {
$(node).css("background-color","rgb(255,0)");
$(node).css("font-family",font);
} else {
$(node).css("background-color",255)");
$(node).css("font-family","Arial");
}
});
原始回复
$('#button2').click(function() {
var node = document.getElementsByTagName("span");
$(node).css("font-family","'Courier New',monospace");
});