此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！

Answer 2

我不知道以這種方式創建原型是否有效。 清楚地寫出它的目的是要替換原型而不是擴展它。

我會寫

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