Ext.core.DomHelper.insertHtml参数的说明

今天在了解Ext.core.DomHelper.insertHtml过程中，发现

Ext.onReady(function(){
    var panel = new Ext.Panel({
        title:'Ext.core.DomHelper.insertAfter',
        width:300,
        height:200,
        renderTo:Ext.getBody(),
        frame:true,
        html:"<div id='div1'>原DIV1的内容</div>",
        buttons:[
            {
                text:'触发插入效果',
                handler:function(){
                    Ext.core.DomHelper.insertHtml("afterBegin",document.getElementById("div1"),"<h>新插入的HTMl文本</h>");
                }
            }
        ]
    })
    
})

insertHtml的第一个参数可以有四种分别是afterBegin、afterEnd、beforeBegin、beforeEnd四种，

这个参数应该先考虑后面的Begin(或END)容易理解，如果结尾是Begin则说明内容插入在插入点之前，如果是End则在插入点之后，在利用前面单词After或Before判断内容是插在插入点外部还是内部。

另外要说明的是该方法的第二个参数不是Ext ELement类型的，而是HTML ELement类型，这个需要注意下，否则该方法不起作用。