使用 javascript 更改预先格式化文本中的值

Changing values in pre-formatted text using javascript

本文关键字：文本 格式化 javascript 使用      更新时间：2023-09-26

我想要一个脚本来更改预先格式化的文本中的特定值。我尝试在javascript中执行此操作...不理想的成功。

我想拥有 

<textbox1> 
...
<already formatted script><textbox1>
<rest of already formatted script>
...

或 

<textbox2> 
...
<already formatted script><textbox1><more script>
<rest of already formatted script>
...

所以我做了这样的事情 

<script>
function addusr() {
        document.getElementById("usrout").innerHTML = document.getElementById("usrin").value;
        }       
</script>
<body>
<input type="text" id="usrin" name="usrname" value="" />
<input type="button" value="Username" onClick="addusr()">
<div id="text">
<span id="usrout"></span>
</div>

我得到的是一行带有跨度的连续文本，但是..我的文本有特定的中断（很多！所以为每一行做很多跨度是不可取的，并且不适用于我正在做的事情）它将更改的也是代码，因此它必须是具体的。理想情况下，我希望它在我的桌面上带有.html类型的文件，但如果这是不可能的，那么......好的，请提出一个简单的替代方案。

所以你需要将输出更改为前换行符

#usrout { white-space: pre-wrap; }

或者更改新行以中断元素<br/>

相关文章：