Hide Table of Contents
esri
esri/arcgis
esri/dijit
esri/dijit/analysis
esri/dijit/geoenrichment
esri/dijit/geoenrichment/ReportPlayer
esri/geometry
esri/layers
esri/renderers
esri/symbols
esri/tasks
esri/tasks/datareviewer
esri/tasks/geoenrichment
esri/tasks/locationproviders
Object: esri/domUtils
[ AMD Module Require | Legacy Module Require ]
require(["esri/domUtils"], function(domUtils) { /* code goes here */ });
Description
(Added at v3.8)
Utility methods related to working with the DOM. When coding legacy (non-AMD) style, there is no need to require the module. All methods and properties are available in the namespace. For example,
esri.show().Samples
Search for samples that use this class.Properties
| Name | Type | Summary |
|---|---|---|
| documentBox | Object | Represents the size of the client side window or document at first load. |
Methods
| Name | Return type | Summary |
|---|---|---|
| getNode(target) | Node | Returns the DOM node from HTMLElement or dijit/_WidgetBase. |
| hide(target) | None | Hides the HTMLElement or dijit/_WidgetBase. |
| show(target) | None | Shows the HTMLElement or dijit/_WidgetBase. |
| toggle(target) | None | If the target (HTMLElement or dijit/_WidgetBase) is currently visible, the target is hidden. |
Property Details
<Object
ObjectRepresents the size of the client side window or document at first load. The size contains
w (width) and h (height) properties, and these do not change on window resize.Method Details
Returns the DOM node from
HTMLElement or dijit/_WidgetBase. (Added at v3.13)Return type:
NodeParameters:
< |
Required | The HTMLElement or dijit/_WidgetBase to retrieve. |
Sample:
require([
"esri/domUtils", ...
], function(domUtils, ... ) {
var node = domUtils.getNode(myHTMLElement);
...
});
See also: esri/dijit/util/busyIndicator.create()
Hides the
HTMLElement or dijit/_WidgetBase.Parameters:
< |
Required | The HTMLElement or dijit/_WidgetBase. |
Sample:
require([
"esri/domUtils", ...
], function(domUtils, ... ) {
domUtils.hide(myTable);
// or
domUtils.hide(widget);
...
});
Shows the
HTMLElement or dijit/_WidgetBase.Parameters:
< |
Required | The HTMLElement or dijit/_WidgetBase. |
Sample:
require([
"esri/domUtils", ...
], function(domUtils, ... ) {
domUtils.show(myDiv);
// or
domUtils.show(widget);
...
});
If the
target (HTMLElement or dijit/_WidgetBase) is currently visible, the target is hidden. If the target is hidden, it becomes visible.Parameters:
< |
Required | The HTMLElement or dijit/_WidgetBase. |
Sample:
require([
"esri/domUtils", ...
], function(domUtils, ... ) {
domUtils.toggle(myDiv);
...
});