在JavaScript中保留多余的空格

Question

您好我正在尝试将空格转换为 

我的html代码<pre></pre>中有一个标记，其中包含空格。我原本试图选择javascript值但保持空白位置。但是我知道innerHTML会删除多余的空白区域。有没有办法让我保持空白位置。在我使用innerHTML执行此类操作之前，我也试图抓住它

<script>
$(document).ready(function() {      
    var value = $("pre").val();
    value = value.replace(" ", "&nbsp");
    $("pre").val(value);

});
</script>

但我猜不会选择空格。

感谢您的帮助。我甚至无法在显示之前生成html。

Answer 1

val方法仅适用于表单元素，对于其他元素，您应该使用html / text方法。

$("pre").html(function(_, innerHTML) {
   return innerHTML.replace(/\s/g, " ");
});