Extjs遇到Uncaught TypeError: Cannot read property 'insertAdjacentHTML' of null

我是一个extjs菜菜鸟，

在使用Ext.XTemplate的时候，在append的时候，遇到Uncaught TypeError: Cannot read property 'insertAdjacentHTML' of null的问题

比如：

var xt2 = new Ext.XTemplate(

        "<div>你的性别是:{sex:this.sexRender}</div>"

    );

    

    xt2.sexRender = function(value){

        return value=="男"?"<img src='../images/783edd23.jpg' >":"<img src='../images/T1GNOJFi4hXXXXXXXX_!!1748154187-1-pix.gif' > ";

    };

    

    xt2.append("xt2",{sex:"女"});

    xt2.compile();

直接在页面运行，是会报错的，因为它找不到id为"xt2"的网页标签，所以我在页面中添加了一个：

<div id="xt2"></div>

就解决了