DOM을 확장하지만 요소 프로토 타입은 아닙니다. 가능합니까?

Question

DOM에서 원하는 경우 일부 그룹이나 클래스를 확장하고 싶습니다.하지만 모든 권한을 확장하고 싶지는 않습니다. 것이 가능하다? 예를 들어

:

document.getElementsByClass('extended').myMethod(); // working 

하지만

document.getElementById('elementNotExtendedClass').myMethod(); // shouldnt be working 

내가 엉망 모든 요소, 단지 선택된 사람을 싶지 않는 때문에

. 아마도 문서에서 createElement() 메서드의 자체 버전을 만들어서 어떻게 든 완료해야합니다. 예를 들어 document.CreateMyElement()입니다.

또는 어떤 아이디어입니까? 감사합니다

6 월 06 일 수정 : 프로토 타입 체인이 작동하는 솔루션을 찾고 있는데, 일부 공유 방법과 속성을 한 번에 변경할 수 있습니다.

Answer 1

이유는 각 인스턴스 (fiddle)

function test() { 
    this.style.fontWeight = "bold"; 
} 

window.onload = function(){ 
    // add your method to existing elements with class 'extended' 
    var elements = document.getElementsByClassName('extended'); 
    for (var i = 0; i < elements.length; i++){   
     elements[i].test = test; 
    } 
    // just to visualize what happened... 
    var spans = document.getElementsByTagName("span"); 
    alert("span[0].test: " + typeof spans[0].test 
      +"\nspan[1].test: " + typeof spans[1].test); 
    spans[0].test(); 
}; 

Answer 2

업데이트 할 수있는 방법을 추가하지

이 방식을 사용하면 확장 메서드를 정의하는에 글로벌 인터페이스를 정의한다. 이와 같이 인터페이스 내부에두면 메소드를 다시 적용 할 필요없이 메소드를 변경할 수 있습니다.

MyExtendedInterface = { 
    test: function() { 
     // this points to the DOM element itself 
     console.log(this); 
    } 
} 

var elements = document.getElementsByClassName('extended'); 
for (var i = 0, el; el = elements[i]; ++i) { 
    for (var j in MyExtendedInterface) { 
     // bind the interface methods to the current element 
     el[j] = MyExtendedInterface[j].bind(el); 
    } 
} 

---

.bind() 자바 스크립트에 최근에 추가; 참조 : https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/bind