H1标签在javascript中无法正常工作
[英]h1 tag not working properly in javascript
问题描述
我是JavaScript的新手，需要一些帮助。 我必须在h1标题中显示名称[i]，所以比方说我写在“John”中它会显示为
nhoJ
但是当我尝试将h1标题放在name [i]周围时，就像现在一样，它显示如下：
n
h
o
J
任何人都可以帮我在名称[i]周围放一个h1标题并使其显示正确吗？
<html>
<body>
<script>
var namIn = window.prompt("Enter Name, separated by space:" );
var namAr = namIn.split("");
var namArLen = namAr.length;
document.write(namAr + "<br /> Length: " + namArLen + "<br />");
var name = namIn;
for(var i = name.length - 1; i >= 0; i--) {
document.write( "<h1>" + name[i] + "</h1>" );
}
</script>
</body>
</html>
5 个解决方案
解决方案1
5 已采纳 2013-05-23 18:16:50
在循环之前打开<h1>标记并在循环之后将其关闭：
document.write("<h1>");
for(var i = name.length - 1; i >= 0; i--) {
document.write(name[i]);
}
document.write("</h1>");
解决方案2
2 2013-05-23 18:17:10
<html>
<body>
<script>
var namIn = window.prompt("Enter Name, separated by space:" );
var namAr = namIn.split("");
var namArLen = namAr.length;
document.write(namAr + "<br /> Length: " + namArLen + "<br />");
var name = namIn;
document.write("<h1>");
for(var i = name.length - 1; i >= 0; i--) {
document.write(name[i]);
}
document.write("</h1>");
</script>
</body>
</html>
替代循环的替代方案：
document.write("<h1>" + name.reverse() + "</h1>");
解决方案3
0 2013-05-23 18:18:28
您在每个循环中都给h1，以解决您的问题，请执行此步骤
伪代码：
open h1
loop
name[i]
close h1
而已
解决方案4
0 2013-05-23 18:20:35
您正在为每个字母创建一个新节点，需要连接字符，然后编写html节点，尝试如下操作：
var newName = "";
for(var i = name.length - 1; i >= 0; i--) {
//reverse.push(name[i]);
newName += name[i];
}
document.write( "<h1>" + newName + "</h1>" );
解决方案5
0 2013-05-23 18:23:00
您正在编写太多<h1>标签。 这些标签中的每一个在文档中写一行。
因此，每个字符都显示在单独的行上。
您应该将整个名称括在单个<h1>标记中。
你可以这样做：
document.write("<h1>");
for(var i = name.length - 1; i >= 0; i--) {
document.write(name[i]);
}
document.write("</h1>");
有没有办法用<span>标签</span>包装<span>标签</span><h1><span>使用内联 Javascript 标记</span>
[英]Is there a way to wrap a <span> tag with an <h1> tag with inline Javascript
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.