ExtJs源码分析与学习—ExtJs元素Element（三）

最新推荐文章于 2018-11-26 14:45:01 发布

寒冥冷煜

最新推荐文章于 2018-11-26 14:45:01 发布

阅读量109

点赞数

分类专栏： extjs 文章标签： EXT

本文链接：https://blog.csdn.net/linder0209/article/details/83942033

版权

extjs 专栏收录该内容

25 篇文章 2 订阅

订阅专栏

本文深入探讨了Ext.Element的使用方法，包括坐标、滚动条、样式、动画、元素插入和DOM遍历等功能。通过Ext.Element.addMethods方法扩展了对DOM操作的便利性，提供了对DOM元素进行高效管理和操作的手段。

摘要由CSDN通过智能技术生成

Ext.Element扩展

通过Ext.Element.addMethods方法，Ext.Element扩展了许多对dom操作的方法，主要分为DOM坐标（Element.position.js），DOM滚动条（Element.scroll.js），DOM样式（Element.style.js），DOM动画（Element.fx.js），DOM元素的插入（Element.insertion.js），DOM遍历（Element.traversal.js）。
以下简单的罗列一些主要的方法及功能，这些方法的实现都很简单，可以直接查看源码来理解。
1、坐标
getOffsetsTo : function(el)
返回当前元素与el元素的坐标偏移值
其他方法都是一些关于获取或设置元素位置的方法
2、滚动条
isScrollable : function()
该DOM元素在页面中是否有滚动条，这个方法很实用
getScroll : function()
返回元素当前滚动的位置。
3、动画
4、插入元素
该扩展方法主要调用了Ext.DomHelper中对元素的操作
5、DOM遍历
该扩展中的方法主要实现返回DOM的父元素，子元素，兄弟元素等。主要调用了Ext.DomQuery中的方法