2016-08-25 12 views
1

Firefox用のJavaScriptでカスタムHTMLタグを作成する必要があります。 customElement.define()はFirefoxで利用可能なデフォルトのクラスではないため使用できません。customElementを使用せずにカスタムHTMLタグを作成するにはどうすればよいですか?

私はdocument.registerElementを使用しようとしていますが、私はそれが正しいとは思いません。

私のコードで何が問題になっていますか?

var My_weird_img = document.registerElement('weird-img', { 
    prototype: Object.create(HTMLElement.prototype) 
}); 

My_weird_img.textContent = "I am a B img"; 

答えて

2

あなたがしていることは、要素のテキストコンテンツを設定していない変数の値を変更していることです。

<body> 
    <weird-img>Ths is only a test</weird-img> 
    </body> 

Javascriptを::

var My_weird_img = document.registerElement('weird-img', { 
prototype: Object.create(HTMLElement.prototype) 
}); 

document.getElementsByTagName("weird-img")[0].textContent; 

JSBin 記事本文here

でコード hereをチェック あなたはそれが価値だ設定しようとする前に、最初の要素を取得する必要があり、この
HTML形式をお試しください
+1

ありがとうFady !! – Lucia

関連する問題