javascript - 这段 JavaScript 代码有什么问题？

Question

var menu = {
        minibox: document.getElementById("hypt_opContainer"),
        miniboxoptions: [document.getElementById("hypt_op"),    
        document.getElementById("style_op"), document.getElementById("js_op")]
 };

Object.prototype = {
       toggleVisibility: function(e) {
           e.style.display = (e.style.display == "none") ? "block" : "none";
       }
   };

menu.miniboxoptions[0].addEventListener("click", menu.minibox.toggleVisibility);

当我单击该框时，它没有执行任何操作。
怎么了？

Answer 1

2个问题:并非所有浏览器都支持

中的addEventListener和参数e

toggleVisibility: function(e) {...

不是一个元素。它是一个事件对象，因此 e.srcElement 应该可以在大多数浏览器中实现这一目的。更多:https://developer.mozilla.org/en/DOM/element.addEventListener

提示:永远不要碰 Object.prototype!