Anonymous

<span> Cat 1 <a onclick="this.parentNode.parentNode.removeChild(this.parentNode);">Remove</a> <a onclick="this.parentNode.appendChild(document.createElement('span')).innerHTML='New Cat <a onclick=\"this.parentNode.parentNode.removeChild(this.parentNode);\">Remove</a>'>Add</a></span><span> Cat 2 <a onclick="this.parentNode.parentNode.removeChild(this.parentNode);">Remove</a> <a onclick="this.parentNode.appendChild(document.createElement('span')).innerHTML='New Cat <a onclick=\"this.parentNode.parentNode.removeChild(this.parentNode);\">Remove</a>'>Add</a> <span>  sub-Cat 1  <a onclick="this.parentNode.parentNode.removeChild(this.parentNode);">Remove</a>  <a onclick="this.parentNode.appendChild(document.createElement('span')).innerHTML='New Cat <a onclick=\"this.parentNode.parentNode.removeChild(this.parentNode);\">Remove</a>'>Add</a> </span></span>