Innerhtml创建textarea字段

Innerhtml creating textarea field

本文关键字:字段 textarea 创建 Innerhtml      更新时间:2023-09-26

我有一个按钮与Onclick功能。该函数应该使文本区域出现。我不能使用display:none,因为当文本区域不可见时,它仍然在网站上占据一些位置

document.getElementById("demo").innerHTML = "<textarea></textarea>";

这段代码不应该正常工作吗?它没有显示任何东西

HTML

<div id="demo"></div>

JS

var textArea = '<textarea></textarea>';
document.getElementById("demo").innerHTML = textArea;
http://jsfiddle.net/fLts7xsm/

旧版本

似乎在这个小提琴上行得通

<div id="demo"></div>

<script>document.getElementById("demo").innerHTML = "<textarea></textarea>";</script>
<<p> 编辑版本/strong>

就像VMcreator在评论中说的,你应该使用:

var textarea = document.createElement('textarea');
document.getElementById("demo").appendChild(textarea);

代替innerHTML。

更新小提琴