DataviewJS - which is this.container.createEl Docment?

[Another5405]

Hi again,
after these days,I review code spinnet of dataviewjs,
I found this.container.createEl for UI.

I did try to find the document or look up dataview project of this function,but I'm still not understand how it's work.
For example,

Test:: A
``` dataviewjs
const {autoprop} = this.app.plugins.plugins["metaedit"].api;
const {update} = this.app.plugins.plugins["metaedit"].api;

const buttonMaker = () => {
    const btn = this.container.createEl('button', {"text": "AutoPropTest"});
    btn.addEventListener('click', async (evt) => {
        evt.preventDefault();
        let value = await autoprop("Test")
        await update('Test',value,dv.current().file.path)
    });
    return btn;
}
buttonMaker();
```

when I click the button, metaedit will show you the prop and update metadata after you chose.

I search HTML Element and find this:
https://www.w3schools.com/jsref/dom_obj_button.asp
but the "Button Properties" is not same( dataviewjs text = javascript name?)

as my know, 'input' and 'select' can be use in this.container.createEl,that look similar with HTML element,
I can find the HTML tag and the Properties is not the same too.

Did I going in wrong way?
Thank You.

[awlobo]

The documentation is here. It's not much but...

So you can do something like:

dv.container.createEl("input", { value:"Button text", type:"button", anyOtherProperty: "yourValue" });

(Note that for input buttons, value is equivalent to text)

[Another5405]

ThankYou...
Obviously I'm still pretty new to javascript and don't understand a lot of syntax.

Actually I used ChatGPT to help me solve the problem,
and I don't know how to explain how to ask and how to works.

Sorry for the late reply.