Benutzerdefinierte Methoden von Webkomponenten

Question

Es ist möglich benutzerdefinierte Funktionen für benutzerdefinierte Elemente zu definieren?

Etwas wie:

var proto = Object.create(HTMLElement.prototype); 
proto.customMethod = function() { ... }; 

document.registerElement('custom-el', { 
    prototype: proto 
}); 

und das Verfahren auf dem Element Aufruf:

var istance = document.createElement('custom-el'); 
instance.customMethod(); 

Answer 1

Ja, natürlich.

Ihr Beispiel funktioniert, wie Sie in der unten stehenden Code-Schnipsel sehen:

var proto = Object.create(HTMLElement.prototype); 
 
proto.customMethod = function() { 
 
    console.log('customMethod called') 
 
}; 
 

 
document.registerElement('custom-el', { 
 
    prototype: proto 
 
}); 
 
var instance = document.createElement('custom-el'); 
 
instance.customMethod();