0
<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 分配完成),但字母在一条直线上上下移动。喜欢:
O
L
L
E
H
(它应该是参议员的名字,但“你好”可以作为示例)
为什么会这样,我怎样才能让它看起来正常?

4

3 回答 3

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> 
于 2013-05-24T00:20:50.863 回答
0

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

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

使用样式来增加字体大小

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

于 2013-05-24T00:21:05.607 回答
0

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

h1 {display: inline-block;}

并删除所有 BR 标签。

于 2013-05-24T00:24:02.143 回答