0 
<body>
<div>
    <p id="test"></p>
</div>
<script>
    //  I'm trying to clone an element
    var h1 = document.createElement('h1'); // I create <h1>
    h1.innerHTML('test'); // I put some text between this element <h1>test</h1>
    document.getElementById('test').appendChild(h1); // I add this h1 to <p id="test"><h1>test</h>
    var h1Clone = h1.cloneNode(true); // I use cloneNode to clone h1

    // Here I'll clone the <p> tag and add h1Clone to it
    var paragraph = document.getElementById('test'); // Look for id="test"
    paragraph.appendChild(h1); // Add h1 as <p>'s child
    var paragraphClone = paragraph.cloneNode(true); // Clone <p>
    paragraphClone.appendChild(h1Clone); // Add h1Clone as <p>'s (clone) child.

    paragraph.parentNode.appendChild(paragraphClone); // Finally I add <p>'s clone to <body> tag
</script>
</body>
</html>

こんにちは、私がやろうとしていることを理解できるように、すべてにコメントしました.. なぜ機能しないのですか?

これが私がしようとしている最終的なhtml結果です:

<p id="test"><h1>test</h1></p>
<p id="test"><h1>test</h1></p> <-- clone ->
4

2 に答える 2

3

h1.innerHTML = 'test';代わりに変更h1.innerHTML('test')

于 2012-10-30T10:12:30.287 に答える
2

jQuery を使用できる場合は、非常に簡単です。

ステップ 1: jQuery ライブラリを追加します。セクションで、これ<head>を追加します。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

ステップ 2:<script>セクションのタグ内で<body>、コードの代わりに次のように指定します。

$("#test").clone().appendTo("div");

それと同じくらい簡単です。

デモはこちら: http://jsfiddle.net/GeQpH/

于 2012-10-30T10:15:43.443 に答える