javascript - 使用 JavaScript 创建文本区域

Question

我正在尝试在 ID 为“body”的 div 中创建一个文本区域。我用 onClick 事件调用该函数，但当我单击它时，创建的只是 object HTMLTextAreaElement。我怎样才能让它发挥作用？

function opentextarea() {
    var input = document.createElement('TEXTAREA');
    input.setAttribute('name', 'post');
    input.setAttribute('maxlength', 5000);
    input.setAttribute('cols', 80);
    input.setAttribute('rows', 40);
    var button = document.createElement('BUTTON');
    document.getElementById("body").innerHTML=input, button;
}

Answer 1

var div = document.getElementById("yourDivElement");
var input = document.createElement("textarea");
var button = document.createElement("button");
input.name = "post";
input.maxLength = "5000";
input.cols = "80";
input.rows = "40";
div.appendChild(input); //appendChild
div.appendChild(button);

如果您不需要访问特定的 DOM 函数，我建议使用 innerHTML(因为它通常速度更快且不易发生内存泄漏)。不要忘记正确处理引号。为了保持代码的可读性，可以用加号分隔多行:

document.getElementById("body").innerHTML =
   '<textarea maxlength="5000" cols="80" rows="40"></textarea>' + 
   '<button></button>"':

如果要替换内容，只需在使用 appendChild 方法之前使用 div.innerHTML = "";。