<li> <a onclick="this.parentNode.removeChild(this)" href="#">Click me to delete me</a></li>Your markup remains:<ul id="example"> <li> >a href="/someurl">Click me to delete me </li></ul>Then, in a separate script, you can provide the behavior using CSS selectors.var myrules = { '#example li' : function(el) { el.onclick = function() { this.parentNode.removeChild(this); } }};Behaviour.register(myrules);