Zamena dom elementa

[cvele]

Imam sledecu situaciju:

<pera>
<mika attrb="2">
<mika attrb="3">
</pera>
<pera>
<mika attrb="21">
</pera>
<pera>
<mika attrb="22">
<mika attrb="3">
<mika attrb="55">
</pera>

Hocu da na svim mestima promenim ime html taga pera u zika, a da pritom svi tagovi sa imenom mika ostanu unutar novog taga. Buduci da je tagName readonly atribut nepada mi mnogo stvari napamet.

Ima nekoga ko ima neki workaround?

edit:
nemam opciju da izmenim sam html.

[noviKorisnik]

var perice = document.getElementByTagName ('pera');
var pera, zika;
for (var i = 0; i < perice.length; i++) {
    pera = perice [i];
    zika = document.createElement ('zika');
    zika.innerHTML = pero.innerHTML;
    pera.parentNode.replaceChild (zika, pera);
}