наследовать прототип всем дочерним элементам в JavaScript

Question

Я хочу добавить некоторые функции к каждому элементу DOM, но я не хочу перебирать все элементы. Это демонстрационный код:

window.onload = function() { 
    /* get the constructor of document, which is Document 
     add the clickMe function to the prototype */ 
    document.constructor.prototype.clickMe = function (func) { 
     this.addEventListener('click', function() { 
      func(); 
     }); 
    }; 
    document.clickMe(clickDocument); // works 

    /* doesn't work, because the prototype of document.getElementById('random_btn') 
     does not have the function clickMe (makes sense) */ 
    document.getElementById('random_btn').clickMe(clickRandomBtn); 
} 

function clickDocument() { 
    alert("clicked documet"); 
} 

function clickRandomBtn() { 
    alert("clicked a random button"); 
} 

Answer 1

Если я правильно понял ваш вопрос, вы хотите:

Element.prototype.clickMe = function (func) { 
    this.addEventListener('click', function() { 
     func(); 
    }); 
}; 

Demonstration

Но изменение прототип встроенных объектов, как правило, рассматривается как плохая практика. См. Maintainable JavaScript: Don’t modify objects you don’t own