Textarea.value不能操纵HTML

时间:2018-06-20 22:58:00

标签: javascript html

设置textarea的值,不会反映在HTML中。

例如

如果您的HTML中有<textarea></textarea>,并将其值设置为“ Hello”,则HTML将保持不变,而不是<textarea>Hello</textarea>

2 个答案:

答案 0 :(得分:1)

我认为这就是您想要的,将其用于您的w3schools示例

<script>
function myFunction() {
    var x = document.getElementById("myTextarea").value;
    document.getElementById("demo").innerHTML = x;
}

myTextarea.onkeyup=()=>myTextarea.innerText=myTextarea.value;

</script>

答案 1 :(得分:1)

您似乎正在解决一些误解。我认为,如果您将其插入为段落的HTML,则期望文本区域中的换行符将反映为段落中的换行符。在HTML中,所有空格都折叠成空格,并且HTML源代码中的换行符通常不会转换为HTML文本流中的换行符。如果您确实希望换行符可以在HTML中使用,请改用<pre></pre>元素。否则,您需要将换行符转换为<br>元素。

还有white-space CSS样式可以更改呈现空白的方式。