1

カスタム要素仕様を使用して、「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>

http://jsbin.com/OMaPIVoV/3/

createdCallback は起動しません。これを達成する方法についてのアイデアはありますか?

4

2 に答える 2