ExtJsのExt.getCmp

<! DOCTYPE html>
< html >
< head >
     < title >ExtJs</ title >
         < meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     < link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme- crisp-all.css">
         < script type="text/javascript" src="ExtJs/ext-all.js"></ script >
         < script type="text/javascript" src="ExtJs/bootstrap.js"></ script >
         < script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></ script & gt;
 
     < script type="text/javascript">
             Ext.onReady(function(){
         var panel = new Ext.Panel({
           title: 'SAMPLE',
           renderTo: 'sub1',
           id: 'panel1',
           width: '300px',
           html: "< div id='div1' property1='pro1' style='height:200px;padding:5px;font-size:11pt;'>" +
             "Instantiates a panel component with id panel1</ div >"
         });
       var comp = Ext.getCmp('panel1');
       Ext.Msg.alert("notice","Obtained the type of the component with the id of panel1 "+comp.getXType());
       });
     </ script >
</ head >
< body >
< div id=sub1></ div >
</ body >
</ html >