0

我正在尝试复制元素树。在这个过程中，我必须更改一些参数，例如名称，将参数传递给分配给原始元素的某个函数。如何设置元素的 onclick 和其他方法。

例如：

<table>
 <tr>
  <td>
    <select name="abc(0)" onclick="func(0)">
      <option> 1</option>
    </select>
  </td>
  <td>
    <input type="text" onkeypress="keyp(0)" name="text(0)">
  </td>
 </tr>
</table>

我尝试了各种方法，例如 cloneNode(true) 并尝试重命名节点名称并尝试更改分配的方法参数。我也尝试通过 document.createElement 创建元素，但在 IE 中，它没有更改名称。在第二个选项中，它甚至没有设置名称。方法也没有改变，在第二种方法中它甚至没有被分配。

有人可以让我知道我在哪里做错了。

谢谢和问候阿米特

4

2 回答 2

0

我认为最好的选择是摆脱 on_event_ 属性并重构您的javascript，以便它使用事件侦听器。这样，处理事件的代码将与标记完全分开，并且克隆不会导致任何问题。

请注意，您必须使用委托事件，因为必须为页面上最初不存在的克隆元素调用事件处理程序。

于 2012-05-23T05:19:09.043 回答
0

在 IE 中唯一不能更改的属性是已经添加到表单的控件的类型，您可以更改其他所有内容。请注意，在所有浏览器中，克隆的元素都保留内联侦听器，使用attachEvent添加侦听器的元素也是如此（所有库都用于支持attachEvent而不是addEventListener的浏览器）。

下面的代码片段显示了表单元素的 name 属性可以更改（在 IE 8 标准模式下测试），并且为克隆节点保留了内联侦听器。

<form id="f0">
  <input type="text" name="inp0" onclick="alert(this.name);">
  <input type="button" value="Do clone" onclick="
    var el = this.form.inp0.cloneNode(true);
    this.form.appendChild(el);
    el.name = 'inp1';
  ">
</form>
于 2012-05-23T07:13:57.377 回答