• 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'

           })    //还可以获得属性

  • 相关阅读:
    vue分页组件(二)
    ES6里let、const、var区别总结
    electron-vue项目打包踩坑记录
    node环境变量配置
    第一次把本地项目与git相连
    java项目环境搭建
    npm上发布vue插件
    HTML5日期时间输入类型注意事项(time,date)
    vue 分页组件
    vue里ref ($refs)用法
  • 原文地址:https://www.cnblogs.com/sky7034/p/2159121.html
Copyright © 2020-2023  润新知