¿como creo un atributo html (id="mi_id") usando el dom?

[cristian_cena]

Hola, Resulta que estoy intentando reemplazar un texto por otro a traves de radiobuttons, aqui el código:

Código:

        function cambiaPanel () { 
var anclaTexto = document.createTextNode("XHTML");                   // creamos el nodo de texto
var nuevoAncla = document.createElement("strong");                  // creamos el elemento padre del nodo de texto
nuevoAncla.appendChild(anclaTexto);                                   // añadimos el hijo al padre
var anclaExistente = document.getElementById("delivery");         // obtenemos el elemento a reemplazar
var padre = anclaExistente.parentNode;                           // obtenemos al padre del elemento a reemplazar
var nuevoHijo = padre.replaceChild(nuevoAncla, anclaExistente);
        }
        function cambiaPanelEMAIL () { 
            var anclaTexto = document.createTextNode("XHTML Email");
            var nuevoAncla = document.createElement("strong");
            nuevoAncla.appendChild(anclaTexto);
            var anclaExistente = document.getElementById("delivery");
            var padre = anclaExistente.parentNode;
            var nuevoHijo = padre.replaceChild(nuevoAncla, anclaExistente);
        }
        function cambiaPanelWP () { 
            var anclaTexto = document.createTextNode("Wordpress");
            var nuevoAncla = document.createElement("strong");
            nuevoAncla.appendChild(anclaTexto);
            var anclaExistente = document.getElementById("delivery");
            var padre = anclaExistente.parentNode;
            var nuevoHijo = padre.replaceChild(nuevoAncla, anclaExistente);
        }
        function cambiaPanelJ () { 
            var anclaTexto = document.createTextNode("Joomla");
            var nuevoAncla = document.createElement("strong");
            nuevoAncla.appendChild(anclaTexto);
            var anclaExistente = document.getElementById("delivery");
            var padre = anclaExistente.parentNode;
            var nuevoHijo = padre.replaceChild(nuevoAncla, anclaExistente);
        }

<span>XHTML</span> <input id="xhtml" type="radio" name="entregar"  value="xhtml" class="radio" onclick="cambiaPanel();"/>
<span>XHTML Email</span><input id="xhtmlEmail" type="radio" name="entregar"  value="xhtml email" class="radio" onclick="cambiaPanelEMAIL();" />
<span>Wordpress</span>  <input id="wp" type="radio" name="entregar"  value="wordpress" class="radio"  onclick="cambiaPanelWP();"/>
<span>Joomla</span> <input id="j"  type="radio" name="entregar"  value="joomla" class="radio" onclick="cambiaPanelJ();"/>
                    

       <p>Entregar como: <strong id="delivery"></strong></p>

Bien, lo que me falta es incluir a traves de dom un atributo html (id="delivery") a mi etiqueta strong dinámica, con lo que conseguiría que al hacer click sobre los radiobuttons estos vallan modificando la etiqueta strong.

¿Como puedo lograr esto? Muchas gracias.

[cristian_cena]

Muchas gracias de todos modos, para quien le sirva muestro como lo resolví, simplemente añadiendo nuevoAncla.setAttribute("id", "delivery"); al final de cada función.

Código:

function cambiaPanel () { 
			var anclaTexto = document.createTextNode("XHTML"); 				 // creamos el nodo de texto
			var nuevoAncla = document.createElement("strong");		 		 // creamos el elemento padre del nodo de texto
			nuevoAncla.appendChild(anclaTexto);				 		 		 // añadimos el hijo al padre
			var anclaExistente = document.getElementById("delivery");		 // obtenemos el elemento a reemplazar
			var padre = anclaExistente.parentNode;                  		 // obtenemos al padre del elemento a reemplazar
			var nuevoHijo = padre.replaceChild(nuevoAncla, anclaExistente);  // reemplazamos al viejo elemento por el nuevo
			nuevoAncla.setAttribute("id", "delivery");						 // damos un atributo al muevo elemento
		}

Saludos