如何在 Javascript 中设置 textarea 值？

Posted 2023-05-07

【中文标题】如何在 Javascript 中设置 textarea 值？

【英文标题】：How to set textarea value in Javascript?

【发布时间】：2021-02-08 09:12:27

【问题描述】：

我有以下 JS 代码：

var c=document.createElement("textarea");
c.value="what ever";
document.body.appendChild(c);

这应该在我的页面末尾添加一个 textarea 标签。 textarea 已添加，但未设置值。

请问有人知道怎么解决吗？

谢谢 干杯

【问题讨论】：

在这里 jsfiddle.net/qpxy53ue 以及在此页面的 sn-p 中都可以正常工作

因为是属性，所以不会更新视图源。

不知道原因，为什么它不显示 value 属性但它确实更新了 Element 的值。如果您从 JS 添加值，则事件 Input 不会在 DOM 中显示 value。但是如果您使用 html 添加元素，它确实会显示属性。 <textarea value="test"></textarea> - 确实显示了

可能是@epascarello 对，有没有提到任何地方？

不清楚为什么有人需要查看视图源中的值，除非他们试图用 innerHTML 克隆元素......

【参考方案1】：

使用innerHTML设置textarea的值。

var c=document.createElement("textarea");
c.innerHTML="what ever";
document.body.appendChild(c);

【讨论】：

与value 一起工作正常，这是 DOM 中的首选

虽然这是正确的答案（并且适用于大多数输入类型的标签），但如果您想为用户显示提示，您应该使用占位符属性。

如果你打算使用innerHTML，你应该考虑read this。我不认为使用innerHTML 不是更新值的正确方法