动态删除 XUL 菜单

Question

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

警报会针对我想要删除的内容输出正确的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);
}