Question

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

我的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++;
}

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

现在，一旦元素在表单中，我想知道一种编辑该元素的方法。怎么可能这样做？

Answer 1

将id分配给此元素时：

newId.setAttribute('id', id );

您可以使用getElementById函数获取此元素：

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

如果你需要获得input元素，那么简单写一下：

var inputToEdit = elementToEdit.childNodes[0];

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

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

更好的方法是使用createElement函数，然后将其附加到新创建的div

如何编辑附加的div

1 个答案: