如何编辑附加的 div

【问题标题】：How to edit an appended div如何编辑附加的 div
【发布时间】：2012-06-20 07:15:10
【问题描述】：

我有一个在 click 上创建表单元素的按钮。

我的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

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

【问题讨论】：

您将问题标记为 jQuery 但您没有使用它，也没有提及它。你需要一个 jQuery 解决方案，还是一个普通的 javascript 解决方案？
使用这个文档.body.appendChild(newdiv);
您想对新创建的元素进行什么样的编辑？
edit that element 是什么意思？
对不起，我想要一个 javascript 解决方案...编辑意味着更改附加元素的属性和属性

标签： javascript

【解决方案1】：

当您将 id 分配给此元素时：

newId.setAttribute('id', id );

你可以使用getElementById函数通过id获取这个元素：

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

如果需要获取input元素，简单写：

var inputToEdit = elementToEdit.childNodes[0];

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

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

最好使用createElement函数，然后将其附加到新创建的div

【讨论】：