使用Extjs 时，报'dom‘为空或不是对象的原因'

Question

在使用Extjs3.0 时，报'dom’为空或不是对象的js错误，望指点。。。

js代码如下
var tabs = new Ext.TabPanel({
renderTo:'tabs1',
region:'left',
width:485,
height:250,
activeTab:0,
frame:true,
deferredRender:false,
defaults:{autoHeight:true},
items:[
{contentEl:'script', title: '1汇总'},
{contentEl:'markup', title: '2汇总'}
]
});

jsp中相关代码如下：

	30
事件1	20

    <div id="markup" class="x-hide-display" >   
       <table width="485" height="220" border="0" bgcolor="#F5F5F5" class="font1">
          <tr>
            <td  width="70%" align="left"><span style="padding-left:0px;" >one</span></td>
            <td><a href="#">16</a></td>
          </tr>
 </table>
  </div>   
</div>   

Answer 1

改为renderTo:Ext.getBody()即可.
或

然后renderTo:'[b]tabs2[/b]'

原因是你renderTo:'tabs1'的时候,会把里面的dom清空,
然后再contentEl自然就找不到里面的2个div了.