设置javascript生成文本的颜色和大小

我对编码完全陌生，很快就会感到困惑。我正在使用Godaddy网站生成器（就像我说的，我是一个noob），我正在尝试设置一个脚本，从列表中随机输出文本。我无意中浏览了这个网站，获得了以下信息：

<script language="JavaScript">
<!--
var r_text = new Array ();
r_text[0] = "text1";
r_text[1] = "text2";
r_text[2] = "text3";
r_text[3] = "text4";

var i = Math.floor(5*Math.random())

document.write("<center>"+r_text[i]+"</center>");

//-->
</script>

这看起来很好，但是它输出的文本很小而且是黑色的。我想增加文本的大小并更改其颜色。我已经试着按照建议去做了，但是我不知道应该在哪里添加这些额外的代码，以及应该使用什么作为我的“h1”或“监视器信息”？我试着输入r_文本[I]，但这似乎破坏了一切。有关于如何解决这个问题的建议吗

---

谢谢

如果您有可能将css添加到您的网站，请在父节点中使用类名，并使用如下css格式：

var i = Math.floor(5*Math.random())

document.write('<div class="mytext">'+r_text[i]+'</div>');

.mytext {
   color: red;  /* or your color prefered */
   font-size: 20px;  /* size of text that you want */
   text-align: center;
}

---

我希望您将文本附加到

div

元素，而不是使用

文档。编写
并使用CSS进行文本格式设置

演示
HTML:
CSS:

居中{
字体大小：50px；
颜色：黄色；
}

将此添加到头部标签并跑步。

<div></div>

var r_text = new Array ();
r_text[0] = "text1";
r_text[1] = "text2";
r_text[2] = "text3";
r_text[3] = "text4";

var i = Math.floor(5 * Math.random())

document.getElementsByTagName("div")[0].innerHTML = r_text[i];

div {
    font-size: 30px;
    color: red;
    text-align: center;
}

<style type="text/css">

Center {
   font-size:50px;
   color:yellow;

}
</style>