Можно ли определить пользовательские функции для пользовательских элементов?
Что-то типа:
var proto = Object.create(HTMLElement.prototype);
proto.customMethod = function () { ... };
document.registerElement('custom-el', {
prototype: proto
});
И вызов метода для элемента:
var istance = document.createElement('custom-el');
instance.customMethod();
Да, конечно.
Ваш пример работает, как вы можете видеть в фрагменте кода ниже:
Новый ответ для пользовательских элементов v1
class CE extends HTMLElement {
customMethod() {
console.log( 'customMethod called' )
}
}
customElements.define( 'custom-el', CE )
var instance = document.createElement( 'custom-el' )
instance.customMethod()Старый ответ для Custom Elements v0 (устаревший)
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();