he escrito un post preguntando lo mismo , la diferencia es que yo estaba utilizando jquery (no con mucha fortuna ) el caso que esta es mi version de la historia,
Código HTML:
<body>
<div id="menu" >
<ul id="llista">
<a href="#"><li>a</li></a>
<a href="#"><li>b</li></a>
<a href="#"><li>c</li></a>
</ul>
</div>
<div id="contextmenu">
<ul>
<li class="c1"">Delete node</li>
<li class="c2">clone node</li>
<li class="c3">go to</li>
</ul>
</div>
<script src="jquery.js"></script>
<script src="script.js"></script>
</body>
Código:
$(document).ready(function(){
$("a").bind('contextmenu', function(event){
$("#contextmenu").css({"top": event.pageY + "px", "left": event.pageX + "px"}).show();
event.preventDefault();
});
$(document).bind('click',function(){
$('#contextmenu').hide();
});
});
para crear el menu contextual
Código:
$(".c1").click(function(){
$("li").remove();
})
pero no se como quitar un nodo sin quitarlos todos con jquery