カスタム要素仕様を使用して、「is」属性を使用してネイティブ DOM 要素を拡張しようとしていますが、何もしていないようです。Google Canary を使用しているため、カスタム要素を作成できますが、拡張には影響しません。
私のサンプルでは、キャプションをネイティブの img タグに追加しようとしています。
<img is="super-img" src="http://lorempixel.com/400/200/"
caption="This is my custom caption!" />
<script>
document.registerElement('super-img', {
prototype: Object.create(HTMLImageElement.prototype, {
createdCallback: function() {
var caption = this.attributes.getNamedItem('caption').value;
alert(caption);
}
})
});
</script>
createdCallback は起動しません。これを達成する方法についてのアイデアはありますか?