web.shadow-dom.ShadowRoot — clojure-interop/cljs-web-api 1.0.9

The ShadowRoot interface of the Shadow DOM API is the root node a DOM subtree that is rendered separately from a document's main tree.

active-element cljs

(active-element this)

Property.

[Read Only]

The activeElement read-only property of the web.Document and interfaces returns the web.Element within the DOM or shadow tree that currently has focus.

var element = DocumentOrShadowRoot.activeElement

See also: https://developer.mozilla.org/en-US/docs/Web/API/DocumentOrShadowRoot/activeElement

caret-position-from-point cljs

(caret-position-from-point this & args)

Method.

[Experimental]

The caretPositionFromPoint() property of the web.shadow-dom.DocumentOrShadowRoot returns a web.cssdom.CaretPosition object, containing the DOM along with the caret and caret's character offset within that

var caretPosition = document.caretPositionFromPoint(float x, float y);

See also: https://developer.mozilla.org/en-US/docs/Web/API/DocumentOrShadowRoot/caretPositionFromPoint

delegates-focus cljs

(delegates-focus this)

Property.

[Read Only]

The delegatesFocus read-only property of the web.shadow-dom.ShadowRoot returns a boolean that indicates whether delegatesFocus was set the shadow was attached (see Element.attachShadow()).

var df = shadowRoot.delegatesFocus

See also: https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/delegatesFocus

element-from-point cljs

(element-from-point this x y)

Method.

The elementFromPoint() method—available on both the web.Document web.shadow-dom.ShadowRoot objects—returns the topmost web.Element the specified coordinates (relative to the viewport).

var element = document.elementFromPoint(x, y);

See also: https://developer.mozilla.org/en-US/docs/Web/API/DocumentOrShadowRoot/elementFromPoint

elements-from-point cljs

(elements-from-point this x y)

Method.

[Experimental]

The elementsFromPoint() property of the web.shadow-dom.DocumentOrShadowRoot returns an array of all elements at the specified coordinates to the viewport).

var elements = document.elementsFromPoint(x, y);

See also: https://developer.mozilla.org/en-US/docs/Web/API/DocumentOrShadowRoot/elementsFromPoint

get-selection cljs

(get-selection this)

Method.

[Experimental]

The getSelection() property of the web.shadow-dom.DocumentOrShadowRoot returns a web.other.Selection object representing the range text selected by the user, or the current position of the caret.

var selection = documentOrShadowRootInstance.getSelection()

See also: https://developer.mozilla.org/en-US/docs/Web/API/DocumentOrShadowRoot/getSelection

host cljs

(host this)

Property.

[Read Only]

The host read-only property of the web.shadow-dom.ShadowRoot a reference to the DOM element the ShadowRoot is attached to.

var element = shadowRoot.host

See also: https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/host

inner-html cljs

(inner-html this)

Property.

The innerHTML property of the web.shadow-dom.ShadowRoot interface or returns a reference to the DOM tree inside the ShadowRoot.

var domString = shadowRoot.innerHTML shadowRoot.innerHTML = domString

See also: https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/innerHTML

mode cljs

(mode this)

Property.

[Read Only]

The mode property of the web.shadow-dom.ShadowRoot specifies mode — either open or closed. This defines whether or not the root's internal features are accessible from JavaScript.

var mode = shadowRoot.mode

See also: https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/mode

set-inner-html! cljs

(set-inner-html! this val)

Property.

The innerHTML property of the web.shadow-dom.ShadowRoot interface or returns a reference to the DOM tree inside the ShadowRoot.

var domString = shadowRoot.innerHTML shadowRoot.innerHTML = domString

See also: https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/innerHTML

style-sheets cljs

(style-sheets this)

Property.

[Read Only] [Experimental]

The styleSheets read-only property of the web.shadow-dom.DocumentOrShadowRoot returns a web.cssdom.StyleSheetList of web.cssdom.CSSStyleSheet for stylesheets explicitly linked into or embedded in a document.

See also: https://developer.mozilla.org/en-US/docs/Web/API/DocumentOrShadowRoot/styleSheets