JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="subca">Categorias <a href="#" onclick="nueva_categoria(this);return false;">AÑADIR SUBCATEGORIA</a>

CSS

#subca a {
    color:#3C9;
    font-size:9px;
}

#subca ul{
    margin-left:22px;
    margin-top:3px;
    margin-bottom:3px;
    border:1px solid #666;
}

JavaScript

var boton = '<a href="#" onclick="nueva_categoria(this);return false;">AÑADIR SUBCATEGORIA</a>';
function nueva_categoria(aqui){
var contenedor = aqui.parentNode.getElementsByTagName("ul");
if(contenedor.length == 0){
    aqui.parentNode.innerHTML += "<ul><li>Una hija " + boton + "</li></ul>";
} else {
    contenedor[0].innerHTML += "<li>otra hija " + boton + "</li>";
}
}