實現JavaScript Web API接口

Question

HTMLElement（以及它的後代，如HTMLDivElement,HTMLSpanElement等）被定義爲根據MDN documentation的接口。

如果我想用TypeScript實現這些接口，我可以執行以下操作。

class CustomElement implements HTMLElement { 
    // implementation 
} 

但是在TypeScript中實現接口不會生成任何代碼，所以很難看到如何用純JavaScript實現接口實現。

這些接口應該如何用純JavaScript實現？

Answer 1

jsFiddle Demo

你可以使用HTML元素

var CustomElement = function(){}; 
CustomElement.prototype = HTMLElement.prototype; 

的原型，現在你可以使用關鍵字new

var myElement = new CustomElement(); 
//myElement will now have access to the HTMLElement prototype 

構建它們