JavaScript-更改代码结果的字体和大小

时间:2014-04-22 16:34:17

标签: javascript css html5

我正在使用代码给我一个单词,字母,无论我们想要什么,从我创建的列表开始。我的问题是,如何更改单词的字体和大小?  我感谢大家给予我的帮助。 (有些代码字是葡萄牙语,所以不要绑定) 这是代码,

<div id="abc">
<script type="text/javascript">
var c="Piso 2, lugar A1";
var d="Piso 3, lugar A2";
var e="Piso 1, lugar A3";
var thing = window['cde'.charAt(Math.floor(Math.random()*3))];
document.getElementById("abc").innerHTML = "Reservado em " + thing;
document.getElementById("abc").setAttribute("style",     "position:absolute;top:20px;left:20px")
</script>
</div>

2 个答案:

答案 0 :(得分:0)

换入span并添加样式:

var myText = "blablabla";
var largeText = "<span style='font-size:50px;'>"+myText+"</span>"
var timesNewRomanText = "<span style='font-family:Times New Roman;'>"+myText+"</span>"

http://www.w3schools.com/cssref/pr_font_font-size.asp

http://www.w3schools.com/cssref/pr_font_font-family.asp

编辑:

这是一个例子:Fiddle

答案 1 :(得分:0)

你已经做对了。只是尝试添加更多样式:

document.getElementById("abc").innerHTML = "Reservado em <span style='font-size:30px;font-family:Times New Roman;'>" + thing+"</span>";
document.getElementById("abc").setAttribute("style", "position:absolute;top:20px;left:20px")

通过这种方式,您可以在样式中添加任意数量的属性。