javascript - 单击按钮时应用替换功能后，如何显示(不是通过警报，而是在文本区域本身)文本区域的值？

Question

我有这个脚本和 html，用于提交表单:

<script type="text/javascript">
   function ApplyIndent() {
      var txtArea = document.getElementById('w2').value;
      var myRegExp = / /g;
      txtArea = txtArea.replace(myRegExp, "&#160;");
   }
</script>


<table cellpadding="0" cellspacing="0" border="0">
   <tr>
      <td><textarea id="w2" cols="50" rows="5"/></td>
   </tr>

   <tr>
      <td><input id="btnIndent" value="Indent" onclick="ApplyIndent()"/></td>
   </tr>
</table>

我在这里想要完成的是将空格替换为不间断空格，因为即使您在文本区域中缩进文本行，它也会在提交表单后自动对齐，除非您使用不间断空格。我测试了向文本区域发出警报，并且得到了所需的结果，但是，我需要的是警报中的值显示在文本区域本身上。我该怎么做？仅仅为了获得所需的空间而输入 ASCII 字符的效率很低，我们不希望这样。预先感谢!

Answer 1

var txtArea = document.getElementById('w2');
txtArea.value = txtArea.value.replace(/ /, " ");

请注意，如果您想要 #160 表示的实际字符而不是拼写出来的 HTML 实体，请使用:

"\xA0"

编辑:再想一想，CSS white-space: pre-wrap 有什么问题吗？