isVisible

Indicates if the element is actually visible.

Description

If isVisible is true, the element is displayed on the page.

If isVisible is false, the element is not displayed on the page.

The value of the isVisible property is calculated based on the hidden, collapsed, rendered, and deleted properties of the element and all of its ancestors. isVisible is true only the element is displayed on the page. This means that for the element and its ancestors, rendered is true and hidden, collapsed, and deleted are false.

Notes:
An element's isVisible property is not the same as its hidden property. The isVisible property indicates whether the element is actually displayed, while hidden indicates if it should be displayed.
The isVisible property of an element remains true even if another element completely covers it so that a user cannot see it.
In Editor X, even if the isVisible property of the element is true, it will not be displayed if the element has been set to "Don't Display" for the current breakpoint.

Type:

booleanRead Only

Mixed in from:$w.HiddenCollapsedMixin

Get whether an element is visible

Copy Code

1let isVisible = $w("#myElement").isVisible;  // true