Добавлены дополнительные цитаты для значения семейства шрифтов при применении CSS - PullRequest
Новая
       83

Добавлены дополнительные цитаты для значения семейства шрифтов при применении CSS

0 голосов
/ 17 марта 2020

Я пытаюсь применить семейство шрифтов CSS динамически для тега span через следующий код. 

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

При этом первая часть семейства шрифтов заключена в двойные кавычки. как показано ниже 

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

Стили применяются для элемента, но мне нужно удалить эти внутренние двойные кавычки, добавленные для первой части значения семейства шрифтов ("Courier New") для обработки этого HTML в контроллере конец.

Jsfiddle Link: http://jsfiddle.net/uot92ysf/9/

Может кто-нибудь подсказать мне, как применить стиль семейства шрифтов для тега span без этих внутренних кавычек или как удалить эти кавычки после добавление CSS?

С уважением,

Keerthana.

Ответы [ 4 ]

0 голосов
/ 17 марта 2020

Одинарные кавычки вокруг '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");
});
0 голосов
/ 17 марта 2020

Я думаю, что ваша цитата не влияет больше. Просто прочитайте документ

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

0 голосов
/ 17 марта 2020 

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, чтобы избавиться от проблемы.

0 голосов
/ 17 марта 2020

От MDN: <family-name> Значения

Имя семейства шрифтов. Например, «Times» и «Helvetica» являются семействами шрифтов. Имена семейств шрифтов, содержащие пробелы, должны быть заключены в кавычки .

...