Question

我最近创建了一个网站，只要用户输入输入框，就可以存储任何变量。正如您可以看到下面的代码，我用它来创建我的网站。

＆＃13;

function myFunction() {
    var x = document.getElementById("myText").value;
    document.getElementById("demo").innerHTML = x;
    document.getElementById("myText2").value = x;
}

＆＃13;

First Name: <input type="text" id="myText" value="   Mickey">
</br>
</br>
Copy Name: <input type="text" id="myText2">
<p>Click the button to display the value of the value attribute of the text field.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

＆＃13;

虽然代码按我的意愿运行，但我突然发现了这个错误。这是错误，当我在输入框中多次输入空格时，为什么结果存储到演示段落时结果不同但是它与另一个输入框有相同的结果？该空间确实计入另一个输入框但不在演示段落中。如何使输入框中的总空间与存储时的paragraph.innerHTML相同？

Answer 1

将您的HTML代码包裹在<span class="data">代码中并添加以下CSS

span.data { white-space: pre; }

重复：

HTML/CSS - Best practice for preserving white space on certain elements?

这个空间在paragraph.innerHTML中没有计算？

1 个答案: