Question

我对编码很新，很快就会感到困惑。我正在使用Godaddy网站构建器（就像我说的，我是一个菜鸟）我正在尝试设置一个脚本，它将从列表中随机输出文本。我偶然发现了这个网站：

<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>

这似乎工作正常，但它输出的文字是小而黑的。我想增加文本的大小并改变其颜色。我已经尝试过遵循建议here和here，但我确实迷失了添加这些额外代码的确切位置以及我应该使用什么作为我的＆＃34; h1＆＃34;或＆＃34;监控信息＆＃34;？我试过放入r_text [i]，但这似乎打破了局面。关于如何解决这个问题的任何建议？

谢谢！

Answer 1

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

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

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

并像这样对你的css进行编码：

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

Answer 2

我希望您将文本附加到div元素，而不是使用document.write并使用CSS进行文本格式化。

Fiddle

上的演示

HTML：

<div></div>

的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.getElementsByTagName("div")[0].innerHTML = r_text[i];

CSS：

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

Answer 3

<style type="text/css">

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

}
</style>

将此添加到您的头标签并运行。 Fiddle

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

3 个答案:

Fiddle

HTML：

的JavaScript：

CSS：