如何在ExtJS面板中访问html元素

我的代码：

var panel2 = new Ext.Panel({
    id: 'myPane1',
    html: "<div style='width:100%;background-color:pink'>" +"<div style='width:49%;border:1px solid blue;float:left' >" + "<input type='text' value='second one' style='width:95%;'></input></div><div id='checkmy_Id' style='width:49%;border:1px solid black;float:left' >" + myVal + "</div></div>" ,
    listeners: {
        render: function (panel2) {
            alert('panel render..');
            //console.log(document.getElementById('checkmy_Id').innerHTML);
        }
    }
});

var panel2=新的外部面板({
id:'myPane1'，
html:“+”+“+myVal+”，
听众：{
渲染：功能（面板2）{
警报（“面板渲染…”）；
//log（document.getElementById（'checkmy_Id'）.innerHTML）；
}
}
});

如何使用

checkmy\u id

的

id

将值附加到

div

。它给了我一个错误：

innerHTML为空。

如何解决此问题？

请尝试以下代码

 render: function (panel2) {
      //innerHTML
      console.log(panel2.body.dom.innerHTML);
      //To get HTMLElement
      console.log(Ext.query("#checkmy_Id"));
 }