Ext 各种dom属性

Ext.onReady(function(){
	
    var mypanel=new Ext.Panel({
					title:'dd',
					width:500,
					height:500,
					items:[{id:"win1",title:"hahahha",width:200,height:200}]
				}).render(Ext.getBody());
	
			//创建了一个组件Component
	//mypanel.el.setOpacity(.5);//调用Element的setOpacity方法
	//console.log(mypanel);
	console.log(mypanel.header.dom);
	console.log(mypanel.body.dom);
	console.log(mypanel.bwrap.dom);
	console.log(mypanel.el.dom);
	console.log(mypanel.container.dom);
	
	console.log(Ext.getCmp("mypanel"));  //underfined
	console.log(Ext.get("mypanel")); //null
	console.log(Ext.getDom("mypanel"));//null
	
	console.log(Ext.getCmp("win1"));     //获取win1组件对象
	console.log(Ext.get("win1"));		//Ext.getCmp("win1").el  //el
	console.log(Ext.getDom("win1"));  //即获取此组件的 el.dom //Ext.getCmp("win1").el.dom
	//console.log(Ext.getCmp("win1").el.dom);
	
	//Ext.getCmp(""),Ext.get(""),Ext.getDom("")   只能获取组件内部的组件 ID,即被ext管理的组件ID
	
	//						   | header
	//container   >   el   >   
	//						   | bwap  > body
	
	//console.log(Ext);
	//console.log(Ext.getDom("win1"));
	//view.el.dom.innerHTML="Hello Ext";//通过Element的dom属性操作DOM对象
	});