HTMLのcloneNode()メソッドの使い方
cloneNode()メソッドは、現在のノードのコピーを作成するために使用され、再帰的に子孫ノードを含めるかどうかを決定するブール値を引数として取ります。
cloneNode()メソッドを使用する例のコードを次に示します。
<!DOCTYPE html>
<html>
<body>
<p id="myParagraph">Hello World!</p>
<script>
// 获取id为myParagraph的元素节点
var paragraph = document.getElementById("myParagraph");
// 克隆该元素节点，并复制子元素
var clonedParagraph = paragraph.cloneNode(true);
// 将克隆的元素节点添加到文档中
document.body.appendChild(clonedParagraph);
</script>
</body>
</html>
この例では、まず id が myParagraph の要素ノードを取得し、次に cloneNode(true) メソッドでそのノードのコピーを作成します。そのコピーにはすべてのサブエレメントが含まれます。最後に、複製されたノードがドキュメントに追加されます。
cloneNode()メソッドはノード自体とその属性のみを複製し、イベントリスナーやJavaScriptオブジェクトは複製しません。
