Webコンポーネントのカスタムメソッド

Question

カスタムエレメントにカスタム関数を定義することは可能ですか？

ような何か：もちろん

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

Answer 1

はい、：

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

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

と要素にメソッドを呼び出します。

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();

：あなたは以下のコードで見ることができるよう

あなたの例では、動作します