Ext操作dom和Jquery操作dom详细介绍

一：Ext操作Dom

 

    获取Ext.Element对象

      可以通过Id获取Ext.Element对象
      var aaa = Ext.get("input"); //input为id
      var bbb =Ext.fly("input"); //只操作一次建议用这个外语屋
      可以通过下面方式把Ext.Element对象转换成dom对象
     

 
var pp = Ext.get('div1');//有一个div其id为div1

 
     var ppdd = Ext.getDom('div1');
     var ppdd1=Ext.getDom(pp);
     var ppdd2 = Ext.getDom(pp.dom);
     var ppdd3 = document.getElementById('div1');
   上面ppdd其实都是相同的对象，你用==判断得到的都是true



   2. 直接通过Ext.query()方法获得dom
  

 
var div = Ext.query("div");  //获取页面所有的div元素，相当于

var divdd = document.getElementsByTagName("div");

 
    var p = Ext.query("p","pid"); //获得p标签中id为pid的
    var cdiv = Ext.query(".div");//获取class为div的
    var bb = Ext.query("#div1");//获取id为div1的
 

 
var a = Ext.query("div div");//获得最外层div下的所有第一个子div

var aa = Ext.query("div div div");//没有这种

 
var b = Ext.query("[class^=idiv]");//class是一idiv开头的
var c = Ext.query("[id*=idiv]");//id包含idiv的
var d = Ext.query("[id$=v]");//id以v结尾的
欠款

上面如果有匹配的换回的都是数组形式的，没有则为null，

操作dom，加样式等

 Ext.fly('elId').addClass('elCss');    //还可删除,替换样式类

       Ext.fly('elId').setStyle({

       color: 'red',

       background: 'yellow',

       font-weight: 'bold'

       })    //还可以获得属性