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.