Javascript 如何编辑附加的div

我有一个按钮，可以在单击时创建表单元素

我的

addelement

函数如下所示

function addElement(){
    to = document.getElementById('top');
    newId = document.createElement('div');
    id = 'my'+this.num;
    newId.setAttribute('id', id );
    newId.innerHTML = "<input type = 'text' value = ''>";
    to.appendChild(newId);
    this.num++;
}

函数addElement（）{
to=document.getElementById（'top'）；
newId=document.createElement（'div'）；
id='my'+this.num；
newId.setAttribute（'id'，id）；
newId.innerHTML=“”；
to.appendChild（newId）；
这个.num++；
}

。。。它将文本输入字段呈现给ID为'top'的表单，并为每个表单元素创建一个动态div

---

现在，一旦元素进入表单，我想知道一种编辑该元素的方法。如何做到这一点？

当您将

id

分配给此元素时：

newId.setAttribute('id', id );

您可以使用

getElementById

函数按id获取此元素：

var elementToEdit = document.getElementById('my123');

如果需要获取

输入

元素，只需编写：

var inputToEdit = elementToEdit.childNodes[0];

但我建议您不要从字符串创建元素。即：

newId.innerHTML = "<input type = 'text' value = ''>";

newId.innerHTML=“”；

---

更好的方法是使用

createElement

函数，然后将其附加到新创建的

div

您将问题标记为jQuery，但您没有使用它，也没有提到它。您需要jQuery解决方案还是普通的javascript解决方案？使用这个document.body.appendChild（newdiv）；您想对新创建的元素进行什么样的编辑？您所说的编辑该元素是什么意思？对不起，我想要一个javascript解决方案…编辑意味着更改附加元素的属性和属性