【问题标题】:How to set textarea value in Javascript?如何在 Javascript 中设置 textarea 值?
【发布时间】: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 克隆元素......

标签: javascript html


【解决方案1】:

使用innerHTML设置textarea的值。

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

【讨论】:

  • value 一起工作正常,这是 DOM 中的首选
  • 虽然这是正确的答案(并且适用于大多数输入类型的标签),但如果您想为用户显示提示,您应该使用占位符属性。
  • 如果你打算使用innerHTML,你应该考虑read this。我不认为使用innerHTML 不是更新值的正确方法
猜你喜欢
  • 2012-11-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-09-29
  • 2021-11-15
  • 2016-10-22
  • 2023-03-03
相关资源
最近更新 更多