Innerhtml创建textarea字段

Question

我有一个带Onclick功能的按钮。该功能应使文本区域出现。我不能使用display：none，因为当文本区域不可见时，文本区域仍占据网站的某个位置

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

这段代码不能正常工作吗？它没有显示任何东西

Answer 1

旧版工作

好吧它似乎适用于此fiddle

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


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

已修改版本

就像VMcreator在评论中所说，你应该使用：

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

而不是innerHTML。

Updated fiddle

Answer 2

<强> HTML

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

<强> JS

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

http://jsfiddle.net/fLts7xsm/