この記事では、DOMノードディープクローン関数CloneNode()の使用について説明します。参照のためにそれを共有してください。
特定の実装方法は次のとおりです。
次のようにコードをコピーします:<html>
<head>
<script type = "text/javascript">
関数t(){
var nodeul = document.getElementsByTagname( 'ul')[0]; //コピーする必要があるULノードを取得する
var newul = nodeul.clonenode(true); // trueは深いコピーを意味します。つまり、下部のLIとテキストも一緒です。偽の場合、ULのみがコピーされます
var node_copy = document.getElementById( 'copyul');
node_copy.appendchild(newul);
}
</script>
</head>
<body>
<div id = "container">
<ul>
<li>スプリング</li>
<li>夏</li>
<li>秋</li>
<li>冬</li>
</ul>
</div>
<div id = "copyul">
</div>
<hr />
<button onclick = "t()" value = "">ノードを追加する場所を指定</button>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。