问题标签 [clonenode]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1455 浏览

javascript - javascript中未捕获的ReferenceError

我正在开发一个 Ruby on rails 项目。在视图文件中,我有一些 javascript 可以在单击按钮时克隆表行。每个表格行包含几个输入文本框。现在我想将 id 动态分配给新克隆行的输入文本框。但我面临这个错误:

索引:48 未捕获的 ReferenceError:未定义 item1

index 是视图名称。

我的代码是:

上面的 javascript 函数用于在单击按钮时插入另一行。

在代码中,@counter 是在对应的控制器动作中定义的 rails 变量。

如果我删除该部分并静态分配输入框的 id,它工作正常。

我的html代码是:

0 投票
0 回答
39 浏览

javascript - 使用事件监听器克隆元素

当我单击按钮时,我试图克隆元素。到目前为止,我不知道我的代码有什么问题。我认为它看起来有点对,请你看一下,并告诉/描述我的问题吗?我的意思是,我阅读了很多关于 clonenode 的文档,我也是这样做的。当我查看我的代码时,它对我来说确实有意义,但它不想工作...... D:按钮应该克隆整个字段(inputCar)

这是我的小提琴https://jsfiddle.net/7k1sb7w0/

这是html代码:

这是我的jsfile:

提前谢谢你,标记

0 投票
0 回答
115 浏览

javascript - Javascript cloneNode - 表单状态 - 未复制动态选择的列表

为什么在 cloneNode(true) 期间没有复制动态选择的选择列表的表单状态?

我希望选择动态选择列表的状态被复制,动态创建的表单输入文本值也是如此?

示例:http ://www.w3schools.com/code/tryit.asp?filename=FABVNVTKIWN8

0 投票
1 回答
49 浏览

javascript - 子项中的删除按钮和子项中的添加按钮不起作用

我的代码有问题。父级中的添加按钮正在工作,它添加得很好。但在孩子中,添加按钮不起作用,删除按钮也是如此。我浏览器中的删除按钮仅在父级中有效,当我单击删除按钮时,它会删除我之前添加的所有字段并刷新站点。虽然我添加了 preventDefault。是否允许在文件中使用 preventDefault 多次?

这是我的代码: https ://jsfiddle.net/q3Lz997m/

代码js文件:

提前谢谢你!

0 投票
1 回答
2412 浏览

javascript - Javascript:从内存中删除一个 element.cloneNode()

我的情况是我必须克隆一个元素,读取它的属性和其他解析功能,但是现在因为我不这样做,element.parentNode.appendChild(clonedElement)如何从内存中删除这个克隆?

所以,是的,clonedElement = null;足以从记忆中清除它吗?

0 投票
1 回答
375 浏览

javascript - 如何复制元素并更改其子 ID,包括使用的脚本?

我正在使用 datetimepicker 让用户选择一个日期。当按下按钮时,日期选择器将被复制,因此用户可以选择另一个日期。

这是我的代码:

由于我要复制的部分中有 javascript,我怎样才能更改它的 id 以便重复项具有不同的 id?

在此示例中,datepicker 的 id 是 #datetimepicker3。所以理想情况下,下一个重复元素的 id 应该是 #datetimepicker4,其函数中的 id 也是如此。

预先感谢您的帮助。

0 投票
1 回答
10277 浏览

angular - 如何在angular2中动态添加克隆节点(相当于cloneNode)

在 Angular2 中,在某些情况下我需要复制一个节点而不是移动它。该节点具有 angular2 属性,因此 cloneNode 不起作用。我该怎么做?

*什么不起作用

*什么会起作用,来自Angular2:克隆组件/HTML 元素及其功能

但是如何动态添加模板呢?

0 投票
1 回答
1550 浏览

php - 使用 DOMDocument 将新节点及其子节点添加到 XML 文档

这是我的 XML 文档的示例,其中显示了网站站点地图

我想使用DOMDocument在图示的上方添加另一个元素节点,使其如下所示

但是从DOMDocument文档中我似乎甚至找不到一个向我展示如何实现新元素的示例。

createElementand方法只告诉我如何插入元素节点,appendChild而不是如何插入剩余的文件夹子节点。

0 投票
1 回答
106 浏览

javascript - JavaScript cloneNode:SELECT 保留一些不需要的绑定

所以,我有一个包含输入元素的简单表,我需要向它动态添加新行。

其中一个单元包含一个 SELECT 元素和一个使用 cloneNode() 复制的选项列表。

问题是:当我更改任何复制的 SELECT 元素时,原始 SELECT 的索引也会更改为相同的值,就像克隆过程留下了某种“绑定”一样。

我的桌子看起来像这样:

克隆例程相对复杂,因为我必须更改单元格 ID、元素名称和其他内容,但归结为以下内容:

有谁知道是什么导致原始 SELECT 被“绑定”到复制的?

提前致谢!

0 投票
1 回答
1071 浏览

javascript - JavaScript:cloneNode 与 importNode

我在一些代码示例中注意到克隆 DOM 节点并将其附加到现有元素的看似不同的方法:

两者都有复制节点的效果。第二个版本似乎更冗长,并暗示该副本实际上首先是具体的某个地方,尽管它仍然需要找到一个合适的归宿。然而,它被 MDN 和其他一些人用作使用template标签的说明。在其他地方,他们选择更简单的clodeNode选择。

问题是:使用importNodeover 有什么好处cloneNode