实现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 

构建它们