可以扩展本机元素,但它们的后代不必拥有自己的标记名。相反,该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" />