可以扩展本机元素,但它们的后代不必拥有自己的标记名。相反,该is属性用于指定元素应使用的子类。例如,这是<img>元素的扩展,在加载消息时将消息记录到控制台。
const prototype = Object.create(HTMLImageElement.prototype);
prototype.createdCallback = function() {
this.addEventListener('load', event => {
console.log("图像加载成功。");
});
};
document.registerElement('ex-image', { extends: 'img', prototype: prototype });<img is="ex-image" xx_src="http://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon.png" />