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

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)"这样的东西？这也是我的身体标签.

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

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

Answer 1

你要 document.getElementById("fontfamily").style.fontFamily;

每当您想使用JavaScript设置元素样式时,请使用.stylecamelcase 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/