Ext.DomHelper.append简介



DomHelper用来生成小片段，可以生成各种html片段。

 

例如：var list = Ext.DomHelper.append('parent', {tag: 'div', cls:'red'});它就是向id=parent这

     个元素里，添加一个div元素。

     按照文档里讲的，第二个参数{}里，除了四个特殊属性以外都会复制给新生成元素的属性，这四个特

     殊属性是：

     1.tag，告诉我们要生成一个什么标签，如div、span等。

     2.cls，指的是<divclass="red"></div>这种标签中的class属性，因为class是关键字，正常情况下

       应该写成className，cls是缩写。诸如此类缩写的还有（dataStore写成ds，DomHelper写成dh，

       Element写成el，ColumnModel写成cm，SelectionModel是sm。）

     3.children，用来指定子节点，它的值是一个数组，里边包含了更多节点。

     4.html，对应innerHTML，觉得用children描述太烦琐，直接告诉节点里边的html内容也是一样。

 

DomHelper除了append还有几个方法，请自行参考api。

转自：http://yyddttjj.blog.163.com/blog/static/13512030720091123113448945/