Question

我想使用javascript设计一个简单的文本区域。我正在使用以下功能

    function add2(type) {
     var element = document.createElement("input");
     var label=prompt("Enter the name for lable","label");
     document.getElementById('raj').innerHTML=document.getElementById('raj').innerHTML+label;
     element.setAttribute("type", type);

     element.setAttribute("name", type);
     element.setAttribute("cols",20);
     element.setAttribute("rows",50);

     var rohit = document.getElementById("raj");
    rohit.appendChild(element);
    document.getElementById('raj').innerHTML=document.getElementById('raj').innerHTML+"<br/>";

}

我在HTML代码中使用此功能如下：

<input type="button" value="Text Area" onclick="add2('textarea')">

但是当我执行此代码时，它只创建一个简单的文本框。我该怎么办？

由于

Answer 1

Textarea有自己的HTML标签，我认为这就是你想要的：

演示：http://jsfiddle.net/SO_AMK/ZzdWR/

HTML：

<input type="button" value="Text Area" onclick="add2('textarea')">
<div id="raj">Lorem ipsum...</div>

JavaScript：

function add2(name) {
     var element = document.createElement("textarea");
     var label = prompt("Enter the name for lable","label");
     var rohit = document.getElementById("raj");
     rohit.innerHTML = rohit.innerHTML + label;

     element.setAttribute("name", name);
     element.setAttribute("cols",20);
     element.setAttribute("rows",50);

    rohit.appendChild(element);
    rohit.innerHTML = rohit.innerHTML + "<br/>";

}

Answer 2

文本区域是单独的元素：

<textarea>content</textarea>

而不是

<input type="textarea" value="content" />

无法使用javascript创建文本区域

2 个答案: