`
tntxia
  • 浏览: 1488382 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

关于Extjs的Dom操作

 
阅读更多

1.appentTo

 

sp.appendTo(Ext.get("d2"));

 将元素附加到另一个元素上

 

2. appendChild

 

sp.appendChild('d2');

 与appendTo相反,把另一个元素加入自身。

 

3. createChild

自定义添加的元素。

 

sp.createChild({
		tag:'button',
		html:'hello'
	})

 

4. remove 删除指定元素

 

sp.remove();

 5. wrap 创建一个元素,把当前元素包裹起来。

sp.wrap("<h1></h1>");

 

 6. 增加样式

 

sp.addCls("red");

 

7. 控制Style

 

sp.applyStyles('backgroundColor:blue');

 

也可以写成:

 

sp.applyStyles({
		backgroundColor:'yellow'
	});

 

0
1
分享到:
评论

相关推荐

    ExtJS DOM元素操作经验分享

    好了,今天这篇文章的主题是分享下我使用 ExtJS 操作 DOM 元素的一些经验。 设置元素点击处理函数的方法 代码如下: var elem = Ext.get(‘start’); elem.on(‘click’, function(e, t) { alert&#40;t.id&#41;; });...

    简洁的EXTJS日期选择插件.rar

     4.table ie处理问题,需要强制指定用dom操作  5.colSpan cellSpacing hideFocus (colspan cellspacing ie dom 设置 有问题 ,直接html 属性小写没问题)  修改代码时请注意,IE 表格操作很脆弱,只能直接DOM

    ExtJS开发实战

    资源名称:ExtJS开发实战内容简介:《extjs开发实战》从extjs中最基本的概念开始,例如dom操作、面向对象、ponent/container模型的生命周期、组件管理等,并介绍如何使用项目开发中最常使用的各种组件,例如 panel...

    精通JS脚本之ExtJS框架.part2.rar

    《精通JS脚本之ExtJS框架》由浅入深地讲解了ExtJS在Web开发中的相关技术。本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计...

    extjs学习笔记

    在使用Ext开发的应用程序中,组件Component是最高层次的抽象,是直接给用户使用的,Ext Element是Ext的底层API,主要是由Ext或自定义组件调用的,而DOM是W3C标准定义的原始API,Ext的Element通过操作DOM 来实现页面...

    精通JS脚本之ExtJS框架.part1.rar

    《精通JS脚本之ExtJS框架》由浅入深地讲解了ExtJS在Web开发中的相关技术。本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计...

    ext JS API 实战

    底层API(core):底层API中提供了对DOM操作、查询的封装、事件处理、DOM查询器等基础的功能。其它控件都是建立在这些底层api的基础上,底层api位于源代码目录的core子目录中,包括DomHelper.js、Element.js等文件,...

    ExtJs4_笔记.docx

    第一章 ExtJs大比拼JQuery:Dom文档操作 3 一、选择器 4 二、属性 8 四、筛选 10 五、文档处理 11 六、CSS 13 七、事件 14 第二章 ExtJs对js基本语法扩展支持 16 一、动态引用加载 16 二、对类的封装 17 三、基本...

    Extjs Tree + JSON + Struts2 示例源代码

    在我的随笔Extjs Tree + JSON + Struts2中我介绍了如何异步加载一个Extjs的树,但是很多网友留言说不能成功操作。现在我自己做了一个所有源代码的包,供大家下载。 有几点事项请大家注意 1、blogjava的文件上载要求...

    EXTJS总结.txt

    传入一个CSS选择符的参数,然后依据该CSS选择符从当前元素下面,形成期待匹配子节点的集合,也就是“选择”的操作,最后以一个Ext.CompositeElement类型的组合元素的形式返回。如果以Ext.select()调用表示从document...

    ext常用操作

    extjs4.0常用的操作难题,不容易找到的资料,属性和方法,以及板面,开发经验分享

    ExtJS源码分析与开发实例宝典--书中代码

    基于元素的开发部分讲解了在DOM元素基 础上扩展的Ext JS元素,包括元素操作、元素查找、元素样式、动画特效和拖曳实现。深入组件的开 发部分讲解Ext JS组件的原理及各大组件的应用,包括组件模型、容器模型、布局...

    Ext JS开发实战源码

    《Ext JS开发实战》讲解DOM操作、面向对象、Component及Container等基础知识;结合PHP框架与后台服务器,学习如何通过Ajax交换数据;针对页面布局、各类组件、菜单与工具栏等,通过示例说明各种设定;针对4.0版本,...

    ExtJS 2.0实用简明教程 之Ext类库简介

    ExtJS的类库由以下几部分组成: 底层API(core):底层API中提供了对DOM操作、查询的封装、事件处理、DOM查询器等基础的功能。其它控件都是建立在这些底层api的基础上,底层api位于源代码目录的core子目录中,包括...

    Ext Core手册

    Ext Core是一款具有多项功能的轻型JavaScript库,基于MIT许...Core库对DOM操作、Ajax、事件、动画、模板、00机制等的任务都有相应的支持。Core库基于MIT方式发布,无论是一般的动态页面和简单的应用程序都可选择使用。

    Ext Js权威指南(.zip.001

    第6章 选择器与dom操作 / 215 6.1 ext js的选择器:ext.domquery / 215 6.1.1 选择器的作用 / 215 6.1.2 使用ext.query选择页面元素 / 215 6.1.3 基本选择符 / 223 6.1.4 属性选择符 / 229 6.1.5 css属性值...

    ext_core_manual_zhcn

    ext_core_manual_zhcn.pdf Ext Core是一款具有多项功能的...Core库对DOM操作、Ajax、事件、动 画、模板、00机制等的任务都有相应的支持。Core库基 于MIT方式发布,无论是一般的动态页面和简单的应用程序都可选择使用。

Global site tag (gtag.js) - Google Analytics