Duda XML en PHP o javascript

Buenos Días
Es la primera duda que abro en este foro, espero que me podáis ayudar
Tengo una pagina web en php con javascript de la cual quiero obtener los atributos de ciertas etiquetas html para guardarlas en un .xml y/o leer ese .xml y escribir esas etiquetas en mi pagina.
La problemática que me surge es que necesito hacerlo mediante el DOM, es decir, buscar esa etiqueta en cuestión, obtener sus atributos, recorrer sus hijos y recoger sus atributos, el nº de sus hijos es aleatorio.
Para ilustrar un poco lo que busco, yo tendría algo así:

Código

<body>
  <lienzo>
    <circulo id="1" radio="5" tipo="circulo"></circulo>
    <circulo id="2" radio="3" tipo="tag" grupo="1"></circulo>
    <linea id="3" coordenadas="[1,0,0,1]" grupo="1"></linea>
  </lienzo>
</body>

Y quiero guardarlo así:

Código

<?xml version="1.0" encoding="UTF-8"?> 
<lienzo>
  <circulo>
    <id>1</id>
    <radio>5</radio>
    <tipo>circulo</tipo>
  </circulo>
  <circulo>
    <id>2</id>
    <radio>3</radio>
    <tipo>tag</tipo>
    <grupo>1</grupo>
  </circulo>
  <linea>
    <id>3</id>
    <coordenadas>[1,0,0,1]</coordenadas>
    <grupo>1</grupo>
  </linea>
</lienzo>

Mis dudas serían las siguientes:
¿Debo usar una función PHP o una javascript?¿O una mezcla de ambas?
(¿Funcionaria algo así como: $xml->createElement(document.getElementbyTagName('lienzo')); ? Por ahora no me ha funcionado nada parecido...)
Si uso una función Php (Como he estado intentando) ¿Como puedo navegar por el documento siguiendo el DOM?
¿Podríais facilitarme un código sencillo de ejemplo?¿O redirigirme a alguna pagina donde este explicado paso por paso?
Lamento decir que mis conocimientos Php son prácticamente nulos y he estado semanas para buscar alguna pagina que me ayude, pero mi búsqueda ha resultado infructuosa
Espero haberme explicado correctamente

Muchas gracias de antemano
Un saludo