네이티브 JavaScript 함수 덮어 쓰기

Question

특히 IE를 제외한 모든 브라우저에서 사용할 수있는 getElementsByClassName 함수를 재정의하고 싶습니다. IE는 대신 querySelectorAll을 사용합니다.

Element.prototype.getElementsByClassName = function(className) { 
    if(document.getElementsByClassName) { 
     return this.getElementsByClassName(className); 
    } else if(document.querySelectorAll) { 
     return this.querySelectorAll(className); 
    } 
}; 

Firefox에서 코드를 실행하면 대신 native 함수가 사용됩니다. 여전히 교차 브라우저 솔루션으로 작동하고 getElementsByClassName을 사용할 수없는 경우 제 프로토 타입을 사용합니까, 아니면 내 코드가 매번 사용되도록 기본 함수를 재정의 할 수있는 방법이 있습니까? 프로토 타입의 이름을 비슷한 이름으로 지정할 수는 있지만 가독성을 높이기 위해 ID는 동일하게 유지하는 것을 선호합니다.

Answer 1

매트 볼의 대답을이 질문에 대한 진정한 대답으로 추가하고 싶습니다. 그가 언급했듯이, 원래 내가 설정 한 방식 대신에 polyfill을 사용하는 것이 가장 좋습니다.

if(!Element.prototype.getElementsByClassName) { 
    Element.prototype.getElementsByClassName = function(className) { 
     return this.querySelectorAll(className); 
    } 
}