DomUtil

getViewport(obj)

Get the size of DOM element

Parameter: obj (HTMLElement)  DOM element

return value: ([number, number]) Size of DOM element

Demo:

AMap.DomUtil.getViewport('DOM element node');

getViewportOffset(element)

Get the distance of the DOM element from the top-left corner of the window

Parameter: element (HTMLElement) DOM element

return value: ([number, number]) Distance of the DOM element from the top-left corner of the window

Demo:

AMap.DomUtil.getViewportOffset('DOM element node');

create(tagName, container, className, position)

Create a tagName element with the className inside the parentNode

Parameter: 

tagName (string) Node type (tag name)

container (HTMLElement) Parent node object

className (string) Class name

position (string) Insertion position

return value: (HTMLElement) Created DOM element

Demo:

AMap.DomUtil.create("p","DOM element node","cssName","before");

hasClass(el, name)

Whether the DOM element contains className

Parameter: 

el (HTMLElement) DOM element node

name (string) class name

return value: (boolean) Contains the specified class name true, does not contain the specified class name false

Demo:

AMap.DomUtil.hasClass("DOM element node", "class name");

addClass(el, name)

Add a className to DOM element

Parameter: 

el (HTMLElement) DOM element node

name (string) class name

Demo:

AMap.DomUtil.addClass("DOM element node", "class name");

setClass(el, name)

Set className style for DOM element

Parameter: 

el (HTMLElement) DOM element node

name (string) class name

Demo:

AMap.DomUtil.setClass("DOM element node", "class name");

removeClass(el, name)

Remove a className from DOM element

Parameter: 

el (HTMLElement) DOM element node

name (string) class name

Demo:

AMap.DomUtil.removeClass("DOM element node", "class name");

remove(el)

Remove DOM element from parent node

Parameter: el (HTMLElement) DOM element node

Demo:

AMap.DomUtil.remove("DOM element node");

empty(el)

Clear DOM element

Parameter: el (HTMLElement) DOM element node

Demo:

AMap.DomUtil.empty("DOM element node");

rotate(target, angle, center)

Rotate a DOM element by an angle, centered at center, with center at the coordinate origin of the element's top-left corner

Parameter: 

target (HTMLElement) DOM element node

angle (number) Rotation angle

center (Pixel) Coordinate origin

Demo:

AMap.DomUtil.rotate("DOM element node", 30, new AMap.Pixel(0, 0));

setCss(obj, css)

Add a set of styles to a DOM element, Object with the same style sheet

Parameter: 

obj (HTMLElement | Array<HTMLElement>) DOM element node

css (Object) CSS style sheet

Demo:

AMap.DomUtil.setCss("DOM element node",{'border-radius': '50px'});

setOpacity(el, value)

Set a transparency for the DOM element

Parameter: 

el (HTMLElement) DOM element node

value (number) Transparency

Demo:

AMap.DomUtil.setOpacity("DOM element node",0);