Estoy creando algunas etiquetas HTML personalizadas utilizando la manipulación DOM de Javascript, he creado muchas de ellas y todas funcionan bien, excepto cuando tienen que contener otras etiquetas. Estoy creando una etiqueta llamada con la siguiente sintaxis: <etiqueta de grupo "(texto aquí)"> (otras etiquetas aquí, por ejemplo, algunos campos de entrada)

Básicamente, esta etiqueta única debería reemplazar las etiquetas acopladas Fieldset/Legend.

Mi código es el siguiente:

 var groups = document.getElementsByTagName("group"); for (var i=0; i<groups.length; i++) { var label="",hhtml="<fieldset><br>"; if (groups[i].getAttribute("label") != undefined) label=groups[i].getAttribute("label"); var hcustomContent = groups[i].innerHTML + groups[i].textContent; hhtml+="<legend>" + label + "</legend><br>" + hcustomContent + "</fieldset>"; groups[i].innerHTML=hhtml; }

Esto no funciona, y todas las demás etiquetas que inserto entre mis etiquetas aparecen DESPUÉS del cuadro de conjunto de campos, en lugar de aparecer dentro. ¿Alguien puede indicarme qué estoy haciendo mal o corregir mi código? Gracias por adelantado.