Entry

How do I add a child element to an XML object representing an element?

How do I add a child element to an XML object representing an element?

Apr 30th, 2005 02:26
Martin Honnen,

To add a child element to an XML object representing an element node you
can simply set the corresponding property e.g.
  xmlElement.childElementName = epxression
  xmlElement['childElementName'] = expression
Here are some examples:
  var god = <god>
    <name>Kibo</name>
  </god>;
  // add empty child element by assigning empty string
  god.power = '';
  alert(god);
  /* shows
  '<god>
     <name>Kibo</name>
     <power/>
   </god>'
  */
  var god = <god>
    <name>Kibo</name>
  </god>;
  // add child element with simple content 
  // by assigning string or number value
  god.power = 42;
  alert(god);
  /* shows
  '<god>
     <name>Kibo</name>
     <power>42</power>
   </god>'
  */
  god.home = 'http://www.kibo.com/';
  alert(god);
  /* shows
  '<god>
     <name>Kibo</name>
     <power>42</power>
     <home>http://www.kibo.com/</home>
   </god>'
  */
  var deities = <deities>
    <god>
      <name>Kibo</name>
      <power>42</power>
    </god>
  </deities>;
  // add child element with content
  deities.devil = <devil>
    <name>Xibo</name>
    <power>-42</power>
  </devil>;
  alert(deities);
  /* shows 
  '<deities>
     <god>
       <name>Kibo</name>
       <power>42</power>
     </god>
     <devil>
       <name>Xibo</name>
       <power>-42</power>
     </devil>
   </deities>'
  */