2016-04-17 1 views
0

htmlコードのdivのinnerHTMLを設定するには:どのようにWebコンポーネントに

<div id="scks" is="select-checkbox" url="data.json" displayName="name" displayValue="value"> 
</div> 

JSコード:

// i want to set html to div(#scks) 
// it dose not work 
// this is the div(#scks) 
select_checkbox_proto.createdCallback = function(){ 
    that.setValue("afterEnd"); 
} 
select_checkbox_proto.setValue = function(val){ 
    this.innerHTML = val; 
} 


document.registerElement("select-checkbox",{prototype:select_checkbox_proto,extends: 'div'}); 

をいずれかが私を助けることができますか?

1:これは現在のdiv(#scks)ですか? 2:divに値を設定する方法。

+0

@Supersharpこのdivに初期化値を与え、このdivはページに私たちを表示します。しかし、コードは機能しません。 –

+0

this.innerHTML = this.getAttribute( "displayValue") – Supersharp

答えて

0

あなたの質問は私にとっては明らかではありません。 divにカスタムhtmlを入れたい場合は、使用することができます。

$("#scks").html("your custom html"); 

とあなたには、いくつかの要素の属性を変更したい場合は、(ATTRを使用することができます)または(プロパ)私はcreatedCallbackに私がしたい、この==のSCKSは、trueを返す意味

$("#scks").prop('NewAttr', 'NewValue'); 
+0

コード: 1:select_checkbox_proto.createdCallback = function(){ this.setValue( "afterEnd"); } this == $( "#scks")。get(0)---> true(動作可能) 2:$(this).html( "something")うまくいかない理由と方法 –

+0

$( "#scks")を使用することはできません。html( "あなたのカスタムhtml"); jsコード内にあります。 –

関連する問題