如何更换a<；p>；使用Javascript在html文件中添加标记

在我的Html文件中，有一个段落标记，基本上如下所示：

<p class="col-sm-8 form-control-static wordwrap">
Hey
What's
Up
</p>

---

只使用javascript。这可能吗？这就是我的输出将保留换行符的原因。

它非常简单，并且以前被询问过。。。但在这里，使用DOM：

document.getElementById（“p1”）.innerHTML=“此已更改！
”
这将改变
 

我想你在找这样的东西。您标记了jquery，所以我使用了它，但这也可以在vanilla js中完成

如果您想更改为仅在需要时使用按钮，我将链接到一个事件

$（文档）.ready（函数（）{
函数updateContent（）{
$（'#p1'）.html（$（'#source'）.val（））；
}
$（“#更新”）。在（'click'，函数（e）上{
updateContent（）；
//在这里添加其他内容
//仅适用于单击事件
})
$（'#source'）。on（'keyup'，updateContent）；
})

按钮{
显示：块；
}
#来源{
高度：100px；
}
#p1{
空白：预处理；
}

新内容
添加换行符和html标记

更新
这将改变
 

使用

标记使用CSS

空白：pre？
document.querySelector（'p'）.innerHTML=“嘿
怎么了？”我不认为用pre标记替换段落标记是您真正想要的。如果仍然使用段落标记，但仍然尊重您的新行，会更好吗？因为这是可行的与css（如上所述），我们去那里更好！“和以前被问过”那个么问题就应该被骗闭嘴了。你有副本吗？和。这还没有结束！为什么要投否决票。你们疯了吗？？谁否决了正确且唯一的答案？我是说。。。该问题专门询问如何用预先格式化的文本标记替换段落标记。您的答案会更改段落标记的innerhtml，并且不会说明为什么这比做他们想做的事情要好。
<pre class="col-sm-8 form-control-static wordwrap">
 Hey
 What's
 Up
</pre>