如何将DOM对象附加到div（propertyeditor）

Question

我正在Javascript中构建一个小的属性编辑器。我有一个对象列表，其中包含一些属性（x，y，width，height），用于绘制＆＃34; <div>＆＃34;在div里面。我正在制作，以便用户可以拖动图像/ divs。

所有这些目标都在一个列表中，然后我遍历列表并渲染视图。在视图旁边，我有一个带有属性的小编辑器。我可以将这些元素中的多个添加到编辑器/查看器中以及不同类型（文本和图像，以及未来可能的其他内容）。

我的问题是：

我如何制作它以便在编辑＆＃34;第一个/顶部＆＃34;的属性（如X坐标）时框，它只更新列表中的相应对象（不在视图中，视图只是从对象列表中呈现）。我在运行时添加了所有这些，我没有到服务器的往返。我很酷，每个项目都有一个保存按钮。

Answer 1

创建元素和创建属性编辑器时，您可以遵循一些命名模式。例如，单击新图像元素按钮时，使用id：el_img_01创建图像元素，并将对应图像元素的属性编辑器创建为id：el_img_prop_01。

所以对于所有图像都有（el_img_，el_img_prop_），为了知道属性编辑器的img元素，我们可以读取属性编辑器id，并从id中删除'prop'文本以获取关联的DOM元件。

Answer 2

这里有几个步骤：

1. 您需要一种方法来识别元素，例如，一个 id。
2. 您必须能够选择一个元素并注意 它。例如，您可以设置包含所有select的{​​{1}}。
3. 现在您可以选择元素，只需加载/保存即可 来自id。
的值