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/