1Introduction
- description:DOM 布局计算
- author:ydr.me
- create:2016-04-15 12:06
- update:2016-04-15 12:06
- github:https://github.com/blearjs/blear.core.layout
2Example
var layout = require('blear.core.layout');
3Static
静态属性、方法
3.1.width(el, [val]): width
获取元素的 contentWidth
3.1.1el
- 类型:
HTMLElement
- 说明:元素
3.1.2val
- 类型:
Number
- 说明:设置值
3.1.3width
- 类型:
Number | *
- 说明:如果设置了
val
,则返回undefined
,否则返回当前el
的contentWidth
3.2.height(el, [val]): height
获取元素的 contentHeight
3.2.1el
- 类型:
HTMLElement
- 说明:元素
3.2.2val
- 类型:
Number
- 说明:设置值
3.2.3height
- 类型:
Number | *
- 说明:如果设置了
val
,则返回undefined
,否则返回当前el
的contentHeight
3.3.innerWidth(el, [val]): number | *
获取元素的 contentWidth + paddingWidth
3.3.1el
- 类型:
HTMLElement
- 说明:元素
3.3.2val
- 类型:
Number
- 说明:设置值
3.3.3number | *
- 类型:
Number | *
- 说明:如果设置了
val
,则返回undefined
,否则返回当前el
的contentWidth + paddingWidth
3.4.innerHeight(el, [val]): innerHeight
获取元素的 contentHeight + paddingHeight
3.4.1el
- 类型:
HTMLElement
- 说明:元素
3.4.2val
- 类型:
Number
- 说明:设置值
3.4.3innerHeight
- 类型:
Number | *
- 说明:如果设置了
val
,则返回undefined
,否则返回当前el
的contentHeight + paddingHeight
3.5.outerWidth(el, [val]): outerWidth
获取元素的 contentWidth + paddingWidth + borderWidth
3.5.1el
- 类型:
HTMLElement
- 说明:元素
3.5.2val
- 类型:
Number
- 说明:设置值
3.5.3number | *
- 类型:
Number | *
- 说明:如果设置了
val
,则返回undefined
,否则返回当前el
的contentWidth + paddingWidth + borderWidth
3.6.outerHeight(el, [val]): outerHeight
获取元素的 contentHeight + paddingHeight + boderHeight
3.6.1el
- 类型:
HTMLElement
- 说明:元素
3.6.2val
- 类型:
Number
- 说明:设置值
3.6.3number | *
- 类型:
Number | *
- 说明:如果设置了
val
,则返回undefined
,否则返回当前el
的contentHeight + paddingHeight + boderHeight
3.7.scrollLeft(el, [val]): scrollLeft
获取、设置元素的 scrollLeft
3.7.1el
- 类型:
HTMLElement | Document | Window
- 说明:元素
3.7.2val
- 类型:
Number
- 说明:设置值
3.7.3scrollLeft
- 类型:
Number | *
- 说明:如果设置了
val
,则返回undefined
,否则返回当前el
的scrollLeft
3.8.scrollTop(el, [val]): scrollTop
获取、设置元素的 scrollTop
3.8.1el
- 类型:
HTMLElement | Document | Window
- 说明:元素
3.8.2val
- 类型:
Number
- 说明:设置值
3.8.3scrollTop
- 类型:
Number | *
- 说明:如果设置了
val
,则返回undefined
,否则返回当前el
的scrollTop
3.9.scrollWidth(el, [val]): scrollWidth
获取、设置元素的 scrollWidth
3.9.1el
- 类型:
HTMLElement | Document | Window
- 说明:元素
3.9.2val
- 类型:
Number
- 说明:设置值
3.9.3scrollWidth
- 类型:
Number | *
- 说明:如果设置了
val
,则返回undefined
,否则返回当前el
的scrollWidth
3.10.scrollHeight(el, [val]): scrollHeight
获取、设置元素的 scrollHeight
3.10.1el
- 类型:
HTMLElement | Document | Window
- 说明:元素
3.10.2val
- 类型:
Number
- 说明:设置值
3.10.3scrollHeight
- 类型:
Number | *
- 说明:如果设置了
val
,则返回undefined
,否则返回当前el
的scrollHeight
3.11.offsetLeft(el, [val]): offsetLeft
获取、设置元素在文档中的左位移
3.11.1el
- 类型:
HTMLElement | Document | Window
- 说明:元素
3.11.2val
- 类型:
Number
- 说明:设置值
3.11.3offsetLeft
- 类型:
Number
- 说明:如果设置了
val
,则返回undefined
,否则返回当前el
的offsetLeft
3.12.offsetTop(el, [val]): offsetTop
获取、设置元素在文档中的上位移
3.12.1el
- 类型:
HTMLElement | Document | Window
- 说明:元素
3.12.2val
- 类型:
Number
- 说明:设置值
3.12.3offsetTop
- 类型:
Number
- 说明:如果设置了
val
,则返回undefined
,否则返回当前el
的offsetTop