how to create element in dom

[humpdi]

hey guys!

how can i create a element in dom like document.createElement('div'); ?

ive read the Ext.Element documentation, but i cant figure out how the correct syntax is..
please help me

thanks

[dfenwick]

There are multiple ways, but I usually use the DomHelper class to do so:

Ext.DomHelper.append('parent-div', {tag: 'div', cls: 'new-div-cls', id: 'new-div-id'});

[humpdi]

thank you for your quick response, but iam looking for the method to create an element directly, like document.createElement, after that i want to append it somewhere..

thank you although

[dfenwick]

Ah, same way you'd create it with document.createElement:

myEl = new Ext.Element(document.createElement('div'));

Later on you can put it wherever you want with Ext.Get('par-div').appendChild(myEl.dom)

[humpdi]

thanks

[Wolfgang]

Given:

myEl = new Ext.Element(document.createElement('div'));
Ext.Get('par-div').appendChild(myEl.dom)

Is there also a way to use the ext object like this?

Ext.Get('par-div').appendChild(myEl)

[tryanDLS]

Yes. appendChild works with Elements, strings, HTMLElements.

[Wolfgang]

Thanks.

[tsensuous.grace]

what if the parent div is a class.What is the syntax to add a child node to aparentdiv class?