时间戳

首页 > 解决方案 > JavaScript中字符串内的字符串

javascript - JavaScript中字符串内的字符串

问题描述

我注意到在将包含两个单词的字符串分配给 CSS 属性时，javascript 中的行为非常奇怪，我将 HTML 元素的 fontFamily 属性设置为值，就像"Arial Black"我最终得到这样的字符串"\"Arial Black\""，我找不到任何合乎逻辑的解释行为。

这是我在控制台中运行的代码。

element.style.fontFamily = "Arial Black"
>> "Arial Black"
element.style.fontFamily
>> "\"Arial Black\""

有人对这种行为有解释吗？

感谢您的时间。

标签： javascriptcssstring

解决方案

应引用包含空格的字体系列名称。您的浏览器会自动为您添加引号，因此检索它们会返回带有引号的引号。以下演示说明了这一点：

var one = document.getElementById("one");
one.style.fontFamily = "Helvetica";
console.log(one.style.fontFamily);
var two = document.getElementById("two");
two.style.fontFamily = "name with spaces";
console.log(two.style.fontFamily);
<div id="one"></div>
<div id="two"></div>

推荐阅读