Klonen Elemente [div] [Skript] in Javascript

Ich versuche, ein Div in reinem Javascript zu klonen, führt jedoch CloneNode zu doppelte IDs (div_0). Ich möchte die ID als div_1, div_2 erhöhen ... und das gleiche tun = someVar { 'elem', 'div_1'} ... DankeKlonen Elemente [div] [Skript] in Javascript

<html> 
<head></head> 
<body> 
<div id="mydiv"> 
    <div id="div_0"> 
     <script type="text/javascript"> 
      <!-- 
      somevar = {'elem', 'div_0'}; 
      //--> 
     </script> 
     <p>HELLO</p> 
    </div> 
</div> 

<a href="#" onclick="cloning()">CLONE</a> 

<script type="text/javascript"> 
    function cloning() { 
     var container = document.getElementById('mydiv'); 
     var clone = document.getElementById('div_0').cloneNode(true); 
     container.appendChild (clone); 
    } 
</script> 
</body> 
</html>

Quelle

2011-01-11 Mike

Was meinst du mit "Somevar"? –

ist im Grunde nur eine Variable, die den Wert des übergeordneten div hält. Bitte, lassen Sie den Namen weg – Mike

Sie müssen genauer sein. Bitte zeigen Sie das Endergebnis des 'somevar' Objekts, nachdem ein neues Div geschlossen wurde. Bitte gehen Sie nicht davon aus, dass ich weiß, was Sie wollen. Übrigens ist diese Syntax ungültig. Es muss ein Schlüssel sein: Wert oder du musst es zu einem Array machen. –

counter=0 Set und dann erhöht nach jedem Aufruf cloning mit counter++ und verwenden clone.id und setzen sie ihn auf 'div_' + counter

Quelle

2011-01-11 17:08:17

Dies löst nicht die Frage des OP, den Inhalt des Script-Tags, das tief geklont wurde, zu ändern. – Phrogz

die sie interessieren ..

function cloning() { 
    var container = document.getElementById('mydiv'); 
    var clone = document.getElementById('div_0').cloneNode(true); 
    clone.setAttribute('id','div_'+document.getElementById('mydiv').getElementsByTagName('div').length); 
    container.appendChild (clone); 
}

Quelle

2011-01-11 17:40:59

Das macht den Job für die div-ID, wie könnte ich nun die Variable innerhalb des '

Klonen Elemente [div] [Skript] in Javascript

Antwort

Verwandte Themen