Javascript 应用CSS时为字体族值添加的附加引号

Javascript 应用CSS时为字体族值添加的附加引号,javascript,jquery,css,font-family,Javascript,Jquery,Css,Font Family,我试图通过以下代码为span标记动态应用字体系列CSS var node = document.getElementsByTagName("span"); $(node).css("font-family","Courier New,Courier,monospace"); 执行此操作时,字体系列的第一部分被包装成双引号,如下所示 "font-family: "Courier New", Courier, monospace;" 样式应用于元素,但我需要删除为字体系列值(“

我试图通过以下代码为span标记动态应用字体系列CSS

    var node = document.getElementsByTagName("span"); 
    $(node).css("font-family","Courier New,Courier,monospace");
执行此操作时,字体系列的第一部分被包装成双引号,如下所示

"font-family: "Courier New", Courier, monospace;"
样式应用于元素,但我需要删除为字体系列值(“Courier New”)的第一部分添加的内部双引号,以便在控制器端处理此HTML

JSIDLE链接:

有谁能建议我如何在没有这个内引号的情况下为span标记应用字体族样式,或者在添加CSS后如何删除这个引号

问候,

基尔塔纳

来自MDN:

字体系列的名称。例如,“Times”和“Helvetica”是字体系列应引用包含空格的字体系列名称


我认为你们的报价没有多大影响。只要看一下文件就行了

var node=document.getElementsByTagName(“span”);
$(node).css(“字体系列”,“Courier New,Courier,monospace”`)


示例
围绕
'Courier New'
的单引号将完成这项工作。例如:

编辑:

当根据示例在CSS中设置字体系列时,它是双引号。按照CSS标准。字体系列名称必须以字符串形式引用,或以一个或多个标识符的序列形式不加引号。这意味着每个标记开头的大多数标点字符和数字必须在不加引号的字体系列名称中转义

因此,它的工作方式与我在CSS中设置它时的工作方式相同

原始响应

$('#button2').click(function() {
    var node = document.getElementsByTagName("span"); 
    $(node).css("font-family","'Courier New',Courier,monospace");
});


我不这么认为。这是你不能做的。删除引号有什么原因吗?在W3C标准中,对于非通用字体系列名称,必须具有有效的字体系列名称值:问题将保持不变。这将添加无效的字体名称格式。不,它是在大多数JS库中完成的,例如google字体,如果您选择Roboto Condensed,它将提供以下字体系列:“Roboto Condensed”,无衬线;-。
$('#button2').click(function() {
    var node = document.getElementsByTagName("span"); 
    $(node).css("font-family","'Courier New',Courier,monospace");
});