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

Set color and size of javascript generated text

本文关键字：颜色 文本 设置 javascript      更新时间：2023-09-26

我对编码完全陌生，很快就会感到困惑。我正在使用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_text[I]，但这似乎打破了局面。关于如何解决这个问题有什么建议吗？

谢谢！

我更喜欢将文本附加到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;
}

<style type="text/css">
Center {
   font-size:50px;
   color:yellow;
}
</style>

把这个添加到你的head标签中，然后跑步。Fiddle

如果你有可能将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;
}
相关文章：