Copy nodes in DOM using Javascript

Question

I have an XML file of this Kind :

<data>
 <First id="FirstOne">
  <lines id="Lines">
   <Second id= "second" ColorPerVertex='true'></Second>
   <third id="third" color ='true'></third>
  </lines>
 </First>
</data>

I was trying to copy all the childnodes of the parentnode - lines.

this is the kind of snippet I tried :

var txt=$(xml).find("lines").children();
alert(txt); // to check if it is really does fetch it.

it does not output all the children including the attributes of it.

I tried looking into this example here. Even this did not work for me.

is there any way in which I can do it?

try `console.log(txt)` instead of alert then check the console — Joseph, Apr 01 '12 at 11:50
@Joseph : It does fetch it in the Console as required. But why doesnt it alert? — user1306229, Apr 01 '12 at 11:55
alert does not provide detailed information. It's only "detailed" when you pass it text. for objects, it's useless. don't debug using alert. — Joseph, Apr 01 '12 at 11:56

Dr.Molle · Accepted Answer · 2012-04-01T12:15:25.523

0

From the docs:

jQuery( html [, ownerDocument] )

html: A string of HTML to create on the fly. Note that this parses HTML, not XML.

Use $.parseXML instead to create the XML-document.

var txt=$($.parseXML(xml)).find("lines").children();

edited Apr 01 '12 at 12:15

answered Apr 01 '12 at 11:56

Dr.Molle

116,463
16
195
201

Can you please elucidate me as to how this can help me? – user1306229 Apr 01 '12 at 12:06
Sorry, My bad. Dint look at var txt=$($.parseXML(xml)).find("lines").children(); – user1306229 Apr 01 '12 at 13:19

Copy nodes in DOM using Javascript

1 Answers1