FizzBuzz textContent问题
FizzBuzz textContent问题
提问于 2015-07-17 22:21:37
我正在使用旧的FizzBuzz练习，并使用textContent，尝试加载一个页面，每个值都是垂直排列的。现在我得到的是：
12Fizz4BuzzFizz78FizzBuzz11Fizz1314FizzBuzz1617Fizz19BuzzFizz2223FizzBuzz26Fizz2829FizzBuzz3132Fizz34BuzzFizz3738FizzBuzz41Fizz4344FizzBuzz4647Fizz49BuzzFizz5253FizzBuzz56Fizz5859FizzBuzz6162Fizz64BuzzFizz6768FizzBuzz71Fizz7374FizzBuzz7677Fizz79BuzzFizz8283FizzBuzz86Fizz8889FizzBuzz9192Fizz94BuzzFizz9798FizzBuzz
这是我的代码：
var n = 1, str = ""
while (n <= 100) {
if (n % 3 === 0 && n % 5 === 0) {
str = str + "FizzBuzz"
} else if (n % 3 === 0) {
str = str + "Fizz"
} else if (n % 5 === 0) {
str = str + "Buzz"
}
else {
str = str + n
}
n++
}
document.querySelector(".container").textContent = str<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p class="container"></p>
</body>
</html>
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-07-17 22:26:30
不要使用textContent，因为它不包括任何格式。使用innerHTML并将<br>标记放在每个项目之后。
var n = 1, str = ""
while (n <= 100) {
if (n % 3 === 0 && n % 5 === 0) {
str = str + "FizzBuzz<br>";
} else if (n % 3 === 0) {
str = str + "Fizz<br>";
} else if (n % 5 === 0) {
str = str + "Buzz<br>";
}
else {
str = str + n + '<br>';
}
n++;
}
document.querySelector(".container").innerHTML = str<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p class="container"></p>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31485561
复制相关文章
相似问题
腾讯云开发者
