文字正在上升/下降?没有。 Javascript循环。

时间:2013-05-24 00:18:10

标签: javascript loops text iteration

<html>
<body>
<script>
var namIn = window.prompt("Enter Senator’s State and FULL Name, separated by space:" );
var namAr = namIn.split("");
var namArLen = namAr.length;

document.write( namAr + "<br>" + "Length:" + namArLen);
var i;
for (i = namArLen-1; i >=0;i--)
{var result = document.write("<br>" + "<h1>" + namAr[i] + "</h1>" ); }
</script> 
</body> 
</html>

我使用了一个循环来帮助翻转我的文本(完成了对JS的修改),但字母上下直线。像:
Ø
大号
大号
Ë
^ h
(它应该是参议员的名字,但“你好”会做一个例子)
为什么这样,我怎么能让它看起来正常?

3 个答案:

答案 0 :(得分:1)

通过将字母放入另一个变量然后一次性写出该变量,可以使其看起来正常。请查看此(测试)解决方案中的第6,9和11行。

<script>
var namIn = window.prompt("Enter Senator’s State and FULL Name, separated by space:" );
var namAr = namIn.split("");
var namArLen = namAr.length;

document.write( namAr + "<br>" + "Length:" + namArLen);
var result =  '';
var i;
for (i = namArLen-1; i >=0;i--) {
    result = result + namAr[i];
}
document.write("<br>" + "<h1>" + result + "</h1>" );
</script> 

答案 1 :(得分:0)

您正在使用创建新行的H1标签

{var result = document.write( namAr[i]  ); }

使用样式增加字体大小

例如: http://jsfiddle.net/sanpopo/rk6Nk/

答案 2 :(得分:0)

也许,你应该添加一个css规则,例如:

h1 {display: inline-block;}

删除所有BR标签。