javascript - 如何在每次刷新页面时为一行文本生成随机字体？

Question

每次从 JavaScript 中的列表刷新页面时，我都会尝试生成新字体。我总共想要 4 种字体，并且我希望显示“Font”的行是实际更改的字体。每当我刷新页面时，我都无法更改字体。有什么办法可以用 JavaScript 做到这一点吗？以下是我尝试过的一些事情:

<script>
var fontType = [ "Arial", "Verdana", "Helvetica"];
var num;
num=Math.floor(Math.random()*3);
document.getElementById("fontfamily").src=fontType[num];
</script>

这似乎不起作用。我想知道我是否必须调用字体的 ID，但是是否有“GetelementById(fontfamily)”这样的东西？这也在我的 body 标签中。

var font = [];
font[0] = "Times New Roman";
font[1] = "Arial";
font[2] = "Helvetica";

这是一个更好的选择吗？我如何让它随机选择？

Answer 1

您想要document.getElementById("fontfamily").style.fontFamily;

每当您想使用 JavaScript 设置元素样式时，请使用 .style，然后使用驼峰式命名 css 属性。所以 font-family 变成 fontFamily，background-image 变成 backgroundImage

var fontType = [ "Arial", "Verdana", "Helvetica"];
var num;
num=Math.floor(Math.random()*3);
document.getElementById("fontfamily").style.fontFamily =fontType[num];

http://jsfiddle.net/DZnbR/