Ext.元素模板(DomHelper)

最新推荐文章于 2017-08-21 21:16:13 发布

原创最新推荐文章于 2017-08-21 21:16:13 发布 · 642 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #function #div #oo

ext 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了 Ext DomHelper 的各种方法，包括 append、insertBefore、insertAfter 和 overwrite 等，用于快速创建和操作 DOM 元素。同时展示了如何设置元素样式及创建复杂结构。

//return 返回新创建的元素 var h1 = Ext.DomHelper.append("target",{tag:'h1',cls : 'blue',html:"1246"}); var p = Ext.DomHelper.insertBefore("target",{tag:"p",cls: "yellow",html:"Ext.dh.insertBefore"}); var p2 = Ext.DomHelper.insertAfter("target",{id:"oo",tag:"p",cls: "red",html:"Ext.dh.insertAfter"}); var p3 = Ext.DomHelper.overwrite("target",{id:"myttt",tag:"p",cls: "yellow",html:"Ext.dh.overwrite"}); var p4 = Ext.DomHelper.append("target", {tag:"ul", style:'color:white', children:[ {tag:'li',html:"1"}, {tag:'li',html:"2"}, {tag:'li',html:"3"} ]}); /* target 是 Mixed el tag 是创建的元素名,如 div,p cls 元素样式 html 元素之内的内容 */ //为给定el set style Ext.DomHelper.applyStyles("target",{background:'green'}); /** 或 Ext.DomHelper.applyStyles("target",function(){ return 'background-color:yellow'; }); */