名称动态创建的文本区域

时间:2018-08-01 19:00:00

标签: javascript textarea

初学者超出了我的深度!我试图创建textareas,然后可以将其发送到数据库。我在命名文本区域时遇到麻烦。这是我尝试过的。 。

var node = document.createElement("textarea");
var textnode = document.createTextNode("Comment"); 

node.appendChild(textnode);  

node.setAttribute("id", "commen");
node.setAttribute("name", "comment");

textnode.attr('name', 'com');
textnode.style.width ="100%";

textnode.rows = "400";
textnode.cols ="50";
textnode.id = "myTextArea";
textnode.name = "comments";
textnode.value = "commenters";

node.setAttribute("align", "center");
node.setAttribute("id", "id_you_like");                               

textnode.setAttribute("id", "id_you_like");    

var answerBox = document.getElementById("Answer");
answerBox.style.padding = "0px 0px 0px 0px";

answerBox.setAttribute("align", "center");
answerBox.appendChild(node);

我似乎无法为“ Answer” div中动态创建的textarea设置名称。它确实制作了紫杉类,但没有附加名称或ID。

先谢谢了。

1 个答案:

答案 0 :(得分:0)

如果删除文本节点并尝试在这些节点上设置样式,you're left with this(如果使用开发控制台进行检查,则确实有一个文本区域,同时附加了名称和ID:

var node = document.createElement("textarea");
node.setAttribute("id", "commen");
node.setAttribute("name", "comment");
node.setAttribute("align", "center");
node.setAttribute("id", "id_you_like");

var answerBox = document.getElementById("Answer");
answerBox.setAttribute("align", "center");
answerBox.appendChild(node);
<div id="Answer"/>