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

本文详细介绍了Ext.core.DomHelper.insertHtml方法的使用方式,包括四个位置参数的具体含义及注意事项,帮助读者正确掌握该方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天在了解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类型,这个需要注意下,否则该方法不起作用。

转载于:https://www.cnblogs.com/gould-david/p/5254959.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值