javascript - 在 javascript 输出中设置字体样式

Question

我在格式化基本 javascript 输出时遇到问题。现在它以通用 Times 字体输出，我想将其更改为 calibri 之类的字体。

示例:

var x = document.getElementById("textbox1").value;
document.print("<p style='font-family:calibri'>x</p>");

我知道这不起作用，因为它将其视为字符串文字，并且仅以 calibri 字体输出 x。那么如何让它输出变量 x 并保持字体格式呢？

必须停留在javascript和html上，可以使用CSS，但我对它不是很熟悉。

Answer 1

它被视为字符串文字的原因是因为它是一个。

var x = document.getElementById("textbox1").value;
document.print("<p style='font-family:calibri'>x</p>");

如果您希望显示 #textbox 的值，您将需要以下内容:

var x = document.getElementById("textbox1").value;
document.print("<p style='font-family:calibri'>"+x+"</p>");

基本上，它将三个字符串联系在一起，因为 + 是一个运算符，不仅会计算

alert(1 + 1)

结果是整数 2

而且

'Hi.'+" I'm Jeff."

它会以字符串“Hi. I'm Jeff.”的形式出现。