动态删除 XUL 菜单

Question

我遇到了一个问题，即我无法删除在我的扩展程序中动态创建的菜单。我可以使用document.getElementById 或使用下面的jquery 东西来获取菜单对象。基本上，用户单击“删除”菜单项，它应该删除父菜单（有 2 个父菜单，因为它进入 menu > popup > menuitem (clicked) ）。

Alert 为我要删除的内容吐出正确的 id。 removeObj.remove(); 使扩展程序崩溃。最后一行似乎没有做任何事情（除非第二次单击删除它不再可以找到 id），但它仍然在 UI 中可见。

代码：

var jObj = $(menuObject);
var removeObj = $(jObj).parent().parent();
var id = removeObj.attr('id');
alert(id);
//removeObj.remove();           
$(removeObj).parent().removeChild(document.getElementById(id));

这不是由于 jquery。我已经写了这个，它在执行后完全禁用了右键菜单（但在 if-case 中返回正确的 id 位置）

                var mainMenu = document.getElementById('rclickMenu_MenuPopupContainer');
                var toRemove = document.getElementById("rclickMenu_"+main);
                for(var i=0; i < mainMenu.children.length; i++){
                    if(mainMenu.children[i].getAttribute('id') == toRemove.getAttribute('id')){
                        alert(toRemove.getAttribute('id'));
                        //mainMenu.removeItemAt(i); 
                        mainMenu.removeChild(toRemove);
                    }
                }

Answer 1

做：

let (ele = document.getElementById(id)) {
    ele.parentNode.removeChild(ele);
}