How do I use javascript to clone an SVG element?

Question

I am trying to follow the example here under the cloneNode section (fourth occurrence of \'cloneNode\' in the document). The document says it\'s a DRAFT so i\'m wondering i

Answer 1

This seems to be more complicated than need be. Start with just your pawn path in your root svg. Then clone, and append to root. One of the important things to address that once you clone, you should change the id of the cloned element. Otherwise you will get a conflict when addressing the original cloned element.

Try This:

    
        
        
        
        
        
            

            


            
            
SVG Source:

            
            
Javascript: