1

我正在尝试通过以下代码为 span 标签动态应用 font-family CSS。

    var node = document.getElementsByTagName("span"); 
    $(node).css("font-family","Courier New,Courier,monospace");

这样做时，font-family 的第一部分被包裹在一个双引号中，如下所示

"font-family: "Courier New", Courier, monospace;"

样式应用于元素，但我需要删除为 font-family value("Courier New") 的第一部分添加的内部双引号，以便在控制器端处理此 HTML。

Jsfiddle 链接：http: //jsfiddle.net/uot92ysf/9/

谁能建议我如何在没有这个内引号的情况下为 span 标签应用 font-family 样式，或者在添加 CSS 后如何删除这个引号？

问候，

克尔塔娜。

4

4 回答 4

2

我认为你的报价没有更多的影响。只需阅读文档

https://mathiasbynens.be/notes/unquoted-font-family

于 2020-03-17T06:34:31.857 回答
0

来自 MDN：<family-name>价值观

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

于 2020-03-17T06:10:12.977 回答
0 

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 对象以解决此问题。

于 2020-03-17T06:36:08.797 回答
0

周围的单引号'Courier New'就可以了。例子：

编辑：

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

因此，它的工作方式与我在 CSS JS Fiddle 示例中设置它的方式相同

$('#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, 0)");
            $(node).css("font-family", font);
    } else {
        $(node).css("background-color", "rgb(255, 255, 255)");
            $(node).css("font-family", "Arial");
    }
});

原始回复

$('#button2').click(function() {
    var node = document.getElementsByTagName("span"); 
    $(node).css("font-family","'Courier New',Courier,monospace");
});
于 2020-03-17T06:41:40.877 回答