Rya*_*uez 7 html javascript arrays join innerhtml
当显示在控制台中时，我在p标记之间得到的结果包含索引3中的空间，这是正确的。
但是当显示在页面上时，我得到“ _ _ _ _”。索引3中的空间不可见。这是CodePen。
如何获得下划线之间要在页面上显示的空间？我什至无法在此处显示空间！它显示为“ _ _ _ _”。下划线2和3之间应该有空格！
非常感谢你！
.toString而不是.join没什么区别。
.textContent而不是.innerHTML也不起作用。
<html>
<p id="myid"></p>
<script>
var myArray = ["_", "_", " ", "_", "_"];
var hiddenWord = document.getElementById('myid');
var temp;
function newGame() {
temp = myArray.join(" ");
hiddenWord.innerHTML = temp;
}
newGame();
console.log("temp variable", temp);
console.log(myArray);
</script>
</html>
呈现HTML时，通常将空白序列折叠为单个空白。white-space: pre;在元素上使用可以保留空白序列：
var myArray = ["_", "_", " ", "_", "_"];
var hiddenWord = document.getElementById('myid');
var temp;
function newGame() {
temp = myArray.join(" ");
hiddenWord.innerHTML = temp;
}
newGame();#myid {
white-space: pre;
}<p id="myid"></p>许多空格在 HTML 中呈现为单个空格，就像所有其他空白一样。为了解决这个问题，您可以使用不间断空格 ，它提供了所需的空间。
function newGame() {
temp = myArray.join(" ").replace(/\s/g, ' ');
hiddenWord.innerHTML = temp;
}
var myArray = ["_", "_"," ","_","_"],
hiddenWord = document.getElementById('myid'),
temp;
newGame();
console.log("temp variable", temp);
console.log(myArray);<p id="myid"></p>| 归档时间： |
|
| 查看次数： |
89 次 |
| 最近记录： |