SuperMap.Element

SuperMap.Element实现元素的显示，隐藏，删除，取得高度，取得范围等功能。

Summary

SuperMap.Element	SuperMap.Element实现元素的显示，隐藏，删除，取得高度，取得范围等功能。
Functions
addClass	给当前DOM元素的属性className上添加新的name （如果存在了，则不添加）
getHeight	获取指定DOM元素的高度。
getPosition	获取指定DOM元素位置信息。
getStyle	获取指定DOM元素的某一样式的值。
hasClass	获取DOM元素是否设置了className（class ，用于修改CSS）
remove	从DOM中删除指定的元素。（自动寻找到父元素，将当前元素删除）
removeClass	在当前DOM元素的属性 className 上移除name
toggle	切换传入的DOM元素的可见性。
toggleClass	给DOM移除（存在了name）或添加（不存在）
visible	判断元素是否可见。

Functions

visible

visible: function( element )

判断元素是否可见。

例如

 //element 必须是页面已经存在了的元素
var visible = SuperMap.Element.visible(element);

Parameters

element

{DOMElement} 要进行判断的元素。

Returns

{Boolean} 返回元素可见性。

toggle

toggle: function()

切换传入的DOM元素的可见性。

例如

 //element1、element2 必须是页面已经存在了的元素
//这里传入的数量可以是任意个数
SuperMap.Element.toggle(element1,element2);

Parameters

element

{DOMElement} DOM元素，用户可以传入任意数量的元素。

remove

remove: function( element )

从DOM中删除指定的元素。（自动寻找到父元素，将当前元素删除）

例如

 //element 必须是页面已经存在了的元素
SuperMap.Element.remove(element);

Parameters

element

{DOMElement} 指定要删除的DOM元素。

getHeight

getHeight: function( element )

获取指定DOM元素的高度。

例如

 //element 必须是页面已经存在了的元素
var height = SuperMap.Element.getHeight(element);

Parameters

element

{DOMElement} 指定要获取高度的DOM元素。

Returns

{Integer} 指定DOM元素的高度。

hasClass

hasClass: function( element,

name )

获取DOM元素是否设置了className（class ，用于修改CSS）

例如

 //element 必须是页面已经存在了的元素
 //假设 element.className = "className"，那么 isHas = true
var isHas = SuperMap.Element.hasClass(element,"className");

Parameters

element	{DOMElement} DOM元素
name	{String} 需要判定的DOM className

Returns

{Boolean} 返回DOM元素是否设置了 name这个className属性

addClass

addClass: function( element,

name )

给当前DOM元素的属性className上添加新的name （如果存在了，则不添加）

例如

 //element 必须是页面已经存在了的元素
var element = SuperMap.Element.addClass(element,"className2");
 //假设  element.className = "className1";
 //添加后  element.className = "className1 className2";

Parameters

element	{DOMElement} DOM元素
name	{String} 需要新添加的 className

Returns

{DOMElement} 返回添加后的DOM元素

removeClass

removeClass: function( element,

name )

在当前DOM元素的属性 className 上移除name

例如

 //element 必须是页面已经存在了的元素
var element = SuperMap.Element.removeClass(element,"className2");
 //假设  element.className = "className1 className2";
 //移除后 element.className = "className1";

Parameters

element	{DOMElement} DOM元素
name	{String} 需要移除的 className

Returns

{DOMElement} 返回移除后的DOM元素

toggleClass

toggleClass: function( element,

name )

给DOM移除（存在了name）或添加（不存在）

例如

 //element 必须是页面已经存在了的元素
var element = SuperMap.Element.toggleClass(element,"className");

Parameters

element	{DOMElement} DOM对象
name	{String} 需要判定的className，存在就移除，不存在，就添加

Returns

{DOMElement} 修改后的DOM对象

getStyle

getStyle: function( element,

style )

获取指定DOM元素的某一样式的值。

例如

 //假设界面上有 < canvas id="example" width="150" height="220" style="background-color: #ff0000;">
 var element = document.getElementById('example');
var style = SuperMap.Element.getStyle(element,"background-color");
//style = "rgb(255, 0, 0)";

Parameters

element	{DOMElement} 指定获取样式的DOM元素。
style	{String} 指定样式名称。

Returns

{Boolean||String} 返回指定的样式名称对应的样式值。

getPosition

getPosition:function ( node )

获取指定DOM元素位置信息。

例如

 //假设界面上有 < canvas id="example" width="150" height="220" style="background-color: #ff0000;">
 var element = document.getElementById('example');
var style = SuperMap.Element.getPosition(element);

Parameters

element

{DOMElement} 指定获取样式的DOM元素。。

Returns

{Object} 返回指定的样式名称对应的位置信息。