无法使用javascript创建文本区域

unable to create text area using javascript

本文关键字:创建 文本 区域 javascript      更新时间:2023-09-26

我想使用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')">

但当我执行这段代码时,它只创建了一个简单的文本框。我该怎么办??

感谢

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/>";
}​

文本区域是独立的元素:

<textarea>content</textarea>

而不是

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