JavaScript-更改代码结果的字体和大小

JavaScript- Changing font and size of the code result

本文关键字：字体 结果 代码 JavaScript-      更新时间：2023-09-26

我正在使用一个代码，从我创建的列表开始，给我一个单词、字母，我们想要的任何东西。我的问题是，如何更改单词的字体和大小？我感谢大家能给我的帮助。（有些暗语是葡萄牙语，所以不绑定）这是代码，

<div id="abc">
<script type="text/javascript">
var c="Piso 2, lugar A1";
var d="Piso 3, lugar A2";
var e="Piso 1, lugar A3";
var thing = window['cde'.charAt(Math.floor(Math.random()*3))];
document.getElementById("abc").innerHTML = "Reservado em " + thing;
document.getElementById("abc").setAttribute("style",     "position:absolute;top:20px;left:20px")
</script>
</div>

您已经做对了。试着添加一些更多的样式，比如：

document.getElementById("abc").innerHTML = "Reservado em <span style='font-size:30px;font-family:Times New Roman;'>" + thing+"</span>";
document.getElementById("abc").setAttribute("style", "position:absolute;top:20px;left:20px")

通过这种方式，可以在样式中添加任意数量的属性。

包装span并添加样式：

var myText = "blablabla";
var largeText = "<span style='font-size:50px;'>"+myText+"</span>"
var timesNewRomanText = "<span style='font-family:Times New Roman;'>"+myText+"</span>"

http://www.w3schools.com/cssref/pr_font_font-size.asp

http://www.w3schools.com/cssref/pr_font_font-family.asp

编辑：

这里有一个例子：Fiddle

相关文章：