是否可以在JavaScript / JQuery中克隆html元素对象?
我正在寻找有关如何解决我的问题的技巧。
我在表中有一个html元素(如选择框输入字段)。现在,我想复制对象并从副本中生成一个新对象,并使用JavaScript或jQuery生成一个对象。我认为这应该会以某种方式起作用,但目前我一点也不了解。
这样的东西(伪代码):
oldDdl = $("#ddl_1").get();newDdl = oldDdl;
oldDdl.attr('id', newId);
oldDdl.html();
回答:
使用您的代码,您可以使用cloneNode()方法在纯JavaScript中执行以下操作:
// Create a clone of element with id ddl_1:let clone = document.querySelector('#ddl_1').cloneNode( true );
// Change the id attribute of the newly created element:
clone.setAttribute( 'id', newId );
// Append the newly created element on element p
document.querySelector('p').appendChild( clone );
或使用jQuery clone()方法(不是最有效的):
$('#ddl_1').clone().attr('id', newId).appendTo('p'); // append to where you want
以上是 是否可以在JavaScript / JQuery中克隆html元素对象? 的全部内容, 来源链接: utcz.com/qa/408604.html