如何在Web组件中设置div innerHTML

Question

html code:

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

js Code:

// 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'});

Any one can help me?

1: this is the current div(#scks)? 2: how to set value to div.

Answer 1

your question is not clear for me. if you want to put custom html into div you can use.

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

and if you want to change attribute for some element you can use attr() or prop()

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