Javascript 使fontFamily cssproperty单引号

/*
**
*根据给定参数更改样式
**
**/
函数changeStylingOnChange（对象）{
让元素=对象，
input=element.input，
changeSelector=element.changeSelector，
cssProperty=element.cssProperty，
像素=元素像素；
如果（cssProperty==='fontFamily'）{
changeFontFamily（输入、changeSelector、CSSPProperty）；
}否则{
像素？
document.querySelector（changeSelector）.style[cssprroperty]=`${input.value}px`:
document.querySelector（changeSelector）.style[cssprroperty]=`${input.value}`；
}
}
函数changeFontFamily（输入、更改选择器、CSSPProperty）{
var fontFamily=input.value.replace（“+”，”）；
var link=document.getElementById（'fontLink'）；
如果（链接）{
link.href=`https://fonts.googleapis.com/css?family=${input.value}`；
}否则{
var link=document.createElement（'link'）；
link.id='fontLink'；
link.rel='stylesheet'；
link.href=`https://fonts.googleapis.com/css?family=${input.value}`；
document.head.appendChild（链接）；
}
document.querySelector（changeSelector）.style[CSSPProperty]=fontFamily；
}

阿贝兹
亚伯
自由女神
肥面
试验
立即注册，成为第一个获得所有更新的人

我想你不必使用引号，没有引号也可以，但我还没有测试过有空格的字体系列

下面的代码片段显示了添加到元素的动态字体

document.getElementById（'btn'）.addEventListener（'click'，function（）{
var font=document.getElementById（'font'）。值；
document.getElementById（'content'）.style['font-family']=font；
});

更改字体

你好
每当我尝试设置这样的样式时，JS都会跳出双qoutes，并像这样包含它们：

style="font-family: \"Allerta Stencil\";"


let div=document.querySelector（“#test”）；
div.style.fontfamil=“Allerta模具”；
console.log（div）
Foo
我知道，但是因为它是用双引号括起来的，所以我测试过你的代码，但是当中间有空格时，它仍然是双引号。它是如何呈现的又有什么关系呢？这只是浏览器如何显示它，这不应该是一个问题。不知道为什么它真的很重要，但如果你真的很烦恼。一种选择是只设置整个样式。-><代码>文档.querySelector（“div”）.setAttribute（“样式”，“背景：rgb（255，255，255）；字体系列：'Allerta Stencil'；”）

@epascarello这是一个问题，因为人们要将此代码复制到标记管理器中，但由于样式属性被截断，因此引发了一个错误。您可以添加一个显示字符串如何不被转义的图标吗？@Luca，这里您可以问我如何转义fontFamily变量？您不需要转义，您只需从任何位置获取字符串，并将其传递到div的style.fontFamily属性，然后自动对其进行转义。对于我来说，如果没有转义，仍然无法使用双引号