web.Element — clojure-interop/cljs-web-api 1.0.2

Element is the most general base class from which all objects a web.Document inherit. It only has methods and properties to all kinds of elements. More specific classes inherit from

access-key cljs

(access-key this)

Property.

The Element.accessKey property sets the keystroke which a user press to jump to a given element.

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/accessKey

add-event-listener cljs

(add-event-listener this & args)

Method.

The web.EventTarget method addEventListener() sets up a function will be called whenever the specified event is delivered to the

target.addEventListener(type, listener[, options]); target.addEventListener(type, listener[, useCapture]); target.addEventListener(type, listener[, useCapture, wantsUntrusted ]); // Gecko/Mozilla only

See also: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

after cljs

(after this & args)

Method.

The ChildNode.after() method inserts a set of web.Node or web.dom.DOMString in the children list of this ChildNode's parent, just after this web.dom.DOMString objects are inserted as equivalent web.Text

[Throws, Unscopable] void ChildNode.after((Node or DOMString)... nodes);

See also: https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/after

animate cljs

(animate this keyframes options)

Method.

The web.Element interface's animate() method is a shortcut which creates a new web.animation.Animation, applies it to element, then plays the animation. It returns the created web.animation.Animation instance.

var animation = element.animate(keyframes, options);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/animate

append cljs

(append this & args)

Method.

The ParentNode.append() method inserts a set of web.Node objects web.dom.DOMString objects after the last child of the ParentNode. objects are inserted as equivalent web.Text nodes.

[Throws, Unscopable] void ParentNode.append((Node or DOMString)... nodes);

See also: https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/append

assigned-slot cljs

(assigned-slot this)

Property.

The assignedSlot read-only property of the web.shadow-dom.Slotable returns an web.shadow-dom.HTMLSlotElement representing the element the node is inserted in.

var slotElement = elementInstance.assignedSlot

See also: https://developer.mozilla.org/en-US/docs/Web/API/Slotable/assignedSlot

attach-shadow cljs

(attach-shadow this shadow-root-init)

Method.

The Element.attachShadow() method attaches a shadow DOM tree the specified element and returns a reference to its web.shadow-dom.ShadowRoot.

var shadowroot = element.attachShadow(shadowRootInit);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/attachShadow

attributes cljs

(attributes this)

Property.

The Element.attributes property returns a live collection of attribute nodes registered to the specified node. It is a web.NamedNodeMap, an Array, so it has no js.Array methods and the web.Attr indexes may differ among browsers. To be more specific, attributes a key/value pair of strings that represents any information regarding attribute.

var attr = element.attributes;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/attributes

before cljs

(before this & args)

Method.

The ChildNode.before() method inserts a set of web.Node or objects in the children list of this ChildNode's parent, just this ChildNode. web.dom.DOMString objects are inserted as equivalent nodes.

[Throws, Unscopable] void ChildNode.before((Node or DOMString)... nodes);

See also: https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/before

child-element-count cljs

(child-element-count this)

Property.

The ParentNode.childElementCount read-only property returns an long representing the number of child elements of the given element.

`var count = node.childElementCount;

count The return value, which is an unsigned long (simply an integer) type. node An object representing a web.Document, web.web-components.DocumentFragment, or web.Element.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/childElementCount

children cljs

(children this)

Property.

The web.ParentNode property children is a read-only property returns a live web.dom.HTMLCollection which contains all of child elements of the node upon which it was called.

var children = node.children;

See also: https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/children

class-list cljs

(class-list this)

Property.

The Element.classList is a read-only property that returns a web.dom.DOMTokenList collection of the class attributes of element.

`const elementClasses = elementNodeReference.classList;

elementClasses is a web.dom.DOMTokenList representing the class attribute of elementNodeReference. If the class attribute was not set or is empty elementClasses.length returns 0. element.classList itself is read-only, although you can modify it using the add() and remove() methods.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/classList

class-name cljs

(class-name this)

Property.

The className property of the web.Element interface gets and the value of the class of the specified element.

`var cName = elementNodeReference.className; elementNodeReference.className = cName;

cName is a string variable representing the class or space-separated classes of the current element.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/className

client-height cljs

(client-height this)

Property.

The Element.clientHeight read-only property is zero for elements no CSS or inline layout boxes; otherwise, it's the inner height an element in pixels. It includes padding but excludes borders, and horizontal scrollbars (if present).

`var intElemClientHeight = element.clientHeight;

intElemClientHeight is an integer corresponding to the clientHeight of element in pixels. The clientHeight property is read–only.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/clientHeight

client-left cljs

(client-left this)

Property.

The width of the left border of an element in pixels. It includes width of the vertical scrollbar if the text direction of the is right–to–left and if there is an overflow causing a left vertical to be rendered. clientLeft does not include the left margin or left padding. clientLeft is read-only.

var left = element.clientLeft;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/clientLeft

client-top cljs

(client-top this)

Property.

The width of the top border of an element in pixels. It is a integer property of element.

var top = element.clientTop;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/clientTop

client-width cljs

(client-width this)

Property.

The Element.clientWidth property is zero for inline elements elements with no CSS; otherwise, it's the inner width of an element pixels. It includes padding but excludes borders, margins, and scrollbars (if present).

`var intElemClientWidth = element.clientWidth;

intElemClientWidth is an integer corresponding to the clientWidth of element in pixels. The clientWidth property is read–only.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/clientWidth

closest cljs

(closest this selectors)

Method.

For browsers that do not support Element.closest(), but carry for element.matches() (or a prefixed equivalent, meaning IE9+), polyfill exists:

var closestElement = element.closest(selectors);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/closest

computed-style-map cljs

(computed-style-map this)

Method.

The computedStyleMap() method of the web.Element interface a web.css.StylePropertyMapReadOnly interface which provides read-only representation of a CSS declaration block that is an to web.cssdom.CSSStyleDeclaration.

var stylePropertyMapReadOnly = Element.computedStyleMap()

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/computedStyleMap

create-shadow-root cljs

(create-shadow-root this)

Method.

Use Element.createShadowRoot to create an instance of shadow When shadow DOM is created, it is always attached to an existing After the shadow DOM is created, the element that it is attached is called the shadow root.

var shadowroot = element.createShadowRoot();

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/createShadowRoot

current-style cljs

(current-style this)

Property.

Element.currentStyle is a proprietary property which is similar the standardized window.getComputedStyle() method.

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/currentStyle

first-element-child cljs

(first-element-child this)

Property.

The ParentNode.firstElementChild read-only property returns the first child web.Element, or null if there are no child elements.

var element = node.firstElementChild;

See also: https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/firstElementChild

get-animations cljs

(get-animations this options)

Method.

The getAnimations() method of the web.Element interface (specified the Animatable mixin) returns an array of all web.animation.Animation affecting this element or which are scheduled to do so in future. can optionally return web.animation.Animation objects for descendant too.

const animations = Element.getAnimations(options);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/getAnimations

get-attribute cljs

(get-attribute this & args)

Method.

The getAttribute() method of the web.Element interface returns value of a specified attribute on the element.

`var attribute = element.getAttribute(attributeName);

where

attribute is a string containing the value of attributeName. attributeName is the name of the attribute whose value you want to get.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute

get-attribute-names cljs

(get-attribute-names this)

Method.

The getAttributeNames() method of the web.Element interface the attribute names of the element as an js.Array of strings. the element has no attributes it returns an empty array.

let attributeNames = element.getAttributeNames();

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttributeNames

get-attribute-node cljs

(get-attribute-node this & args)

Method.

Returns the specified attribute of the specified element, as Attr node.

`var attrNode = element.getAttributeNode(attrName);

attrNode is an Attr node for the attribute. attrName is a string containing the name of the attribute.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttributeNode

get-attribute-node-ns cljs

(get-attribute-node-ns this & args)

Method.

Returns the Attr node for the attribute with the given namespace name.

`attributeNode = element.getAttributeNodeNS(namespace, nodeName)

attributeNode is the node for specified attribute. namespace is a string specifying the namespace of the attribute. nodeName is a string specifying the name of the attribute.

== Example == TBD The example needs to be fixed pre> // html: <div id="top" /> t = document.getElementById("top"); specialNode = t.getAttributeNodeNS( "http://www.mozilla.org/ns/specialspace", "id"); // iNode.value = "full-top" </pre`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttributeNodeNS

get-attribute-ns cljs

(get-attribute-ns this namespace name)

Method.

The getAttributeNS() method of the web.Element interface returns string value of the attribute with the specified namespace and If the named attribute does not exist, the value returned will be null or "" (the empty string); see Notes for details.

attrVal = element.getAttributeNS(namespace, name)

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttributeNS

get-bounding-client-rect cljs

(get-bounding-client-rect this)

Method.

The Element.getBoundingClientRect() method returns the size of element and its position relative to the viewport.

domRect = element.getBoundingClientRect();

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect

get-client-rects cljs

(get-client-rects this)

Method.

The getClientRects() method of the web.Element interface returns collection of web.dom.DOMRect objects that indicate the bounding for each CSS border box in a client.

let rectCollection = object.getClientRects();

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/getClientRects

get-elements-by-class-name cljs

(get-elements-by-class-name this names)

Method.

The web.Element method getElementsByClassName() returns a live which contains every descendant element which has the specified name or names.

var elements = element.getElementsByClassName(names);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/getElementsByClassName

get-elements-by-tag-name cljs

(get-elements-by-tag-name this & args)

Method.

The Element.getElementsByTagName() method returns a live web.dom.HTMLCollection elements with the given tag name.

`elements = element.getElementsByTagName(tagName)

\telements is a live web.dom.HTMLCollection of elements with a matching tag name, in the order they appear. If no elements are found, the HTMLCollection is empty. \telement is the element from where the search starts. Only the element's descendants are included, not the element itself. \ttagName is the qualified name to look for. The special string "*" represents all elements. For compatibility with XHTML, lower-case should be used.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/getElementsByTagName

get-elements-by-tag-name-ns cljs

(get-elements-by-tag-name-ns this & args)

Method.

The Element.getElementsByTagNameNS() method returns a live web.dom.HTMLCollection elements with the given tag name belonging to the given namespace. is similar to Document.getElementsByTagNameNS, except that search is restricted to descendants of the specified element.

`elements = element.getElementsByTagNameNS(namespaceURI, localName)

elements is a live web.dom.HTMLCollection of found elements in the order they appear in the tree. element is the element from where the search should start. Note that only the descendants of this element are included in the search, not the node itself. namespaceURI is the namespace URI of elements to look for (see Element.namespaceURI and Attr.namespaceURI). For example, if you need to look for XHTML elements, use the XHTML namespace URI, http://www.w3.org/1999/xhtml. localName is either the local name of elements to look for or the special value "*", which matches all elements (see Element.localName and Attr.localName).`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/getElementsByTagNameNS

has-attribute cljs

(has-attribute this & args)

Method.

The Element.hasAttribute() method returns a Boolean value indicating the specified element has the specified attribute or not.

`var result = element.hasAttribute(name);

result holds the return value true or false. name is a string representing the name of the attribute.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/hasAttribute

has-attribute-ns cljs

(has-attribute-ns this & args)

Method.

hasAttributeNS returns a boolean value indicating whether the element has the specified attribute.

`result = element.hasAttributeNS(namespace,localName)

result is the boolean value true or false. namespace is a string specifying the namespace of the attribute. localName is the name of the attribute.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/hasAttributeNS

has-attributes cljs

(has-attributes this)

Method.

The hasAttributes() method of the web.Element interface returns js.Boolean indicating whether the current element has any attributes not.

var result = element.hasAttributes();

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/hasAttributes

has-pointer-capture cljs

(has-pointer-capture this pointer-id)

Method.

The hasPointerCapture() method of the web.Element interface whether the element on which it is invoked has pointer capture the pointer identified by the given pointer ID.

targetElement.hasPointerCapture(pointerId);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/hasPointerCapture

id cljs

(id this)

Property.

The id property of the web.Element interface represents the identifier, reflecting the id global attribute.

`var idStr = element.id; // Get the id element.id = idStr; // Set the id

idStr is the identifier of the element.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/id

inner-html cljs

(inner-html this)

Property.

The web.Element property innerHTML gets or sets the HTML or markup contained within the element.

`const content = element.innerHTML;

element.innerHTML = htmlString;`

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

insert-adjacent-element cljs

(insert-adjacent-element this position element)

Method.

The insertAdjacentElement() method of the web.Element interface a given element node at a given position relative to the element is invoked upon.

targetElement.insertAdjacentElement(position, element);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentElement

insert-adjacent-html cljs

(insert-adjacent-html this position text)

Method.

The insertAdjacentHTML() method of the web.Element interface the specified text as HTML or XML and inserts the resulting nodes the DOM tree at a specified position. It does not reparse the it is being used on, and thus it does not corrupt the existing inside that element. This avoids the extra step of serialization, it much faster than direct innerHTML manipulation.

element.insertAdjacentHTML(position, text);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentHTML

insert-adjacent-text cljs

(insert-adjacent-text this position element)

Method.

The insertAdjacentText() method of the web.Element interface a given text node at a given position relative to the element is invoked upon.

element.insertAdjacentText(position, element);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentText

last-element-child cljs

(last-element-child this)

Property.

The ParentNode.lastElementChild read-only property returns the last child web.Element or null if there are no child elements.

var element = node.lastElementChild;

See also: https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/lastElementChild

local-name cljs

(local-name this)

Property.

The Element.localName read-only property returns the local part the qualified name of an element.

name = element.localName

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/localName

matches cljs

(matches this selector-string)

Method.

selectorString is a string representing the selector to test.

var result = element.matches(selectorString);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/matches

ms-zoom-to cljs

(ms-zoom-to this & args)

Method.

The msZoomTo method scrolls and/or zooms an element to its specified with animation.

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/msZoomTo

name cljs

(name this)

Property.

name gets or sets the name property of an element in the DOM. only applies to the following elements: <a>, <applet>, <button>, <frame>, <iframe>, <img>, <input>, <map>, <meta>, <param>, <select>, and <textarea>.

`HTMLElement.name = string; var elName = HTMLElement.name;

var fControl = HTMLFormElement.elementName; var controlCollection = HTMLFormElement.elements.elementName;`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/name

namespace-uri cljs

(namespace-uri this)

Property.

The Element.namespaceURI read-only property returns the namespace of the element, or null if the element is not in a namespace.

namespace = element.namespaceURI

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/namespaceURI

next-element-sibling cljs

(next-element-sibling this)

Property.

The NonDocumentTypeChildNode.nextElementSibling read-only property the element immediately following the specified one in its parent's list, or null if the specified element is the last one in the

var nextNode = elementNodeReference.nextElementSibling;

See also: https://developer.mozilla.org/en-US/docs/Web/API/NonDocumentTypeChildNode/nextElementSibling

onfullscreenchange cljs

(onfullscreenchange this)

Property.

The web.Element interface's onfullscreenchange property is event handler for the fullscreenchange event that is fired when element has transitioned into or out of full-screen mode.

targetDocument.onfullscreenchange = fullscreenChangeHandler;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/onfullscreenchange

onfullscreenerror cljs

(onfullscreenerror this)

Property.

The web.Element interface's onfullscreenerror property is an handler for the fullscreenerror event which is sent to the element an error occurs while attempting to transition into or out of mode.

targetElement.onfullscreenerror = fullscreenErrorHandler;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/onfullscreenerror

open-or-closed-shadow-root cljs

(open-or-closed-shadow-root this)

Property.

The Element.openOrCloseShadowRoot read-only property represents shadow root hosted by the element, regardless if its mode is or closed.

var shadowroot = element.shadowRoot;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/openOrClosedShadowRoot

outer-html cljs

(outer-html this)

Property.

The outerHTML attribute of the web.Element DOM interface gets serialized HTML fragment describing the element including its It can also be set to replace the element with nodes parsed from given string.

`var content = element.outerHTML;

element.outerHTML = htmlString;`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/outerHTML

prefix cljs

(prefix this)

Property.

The Element.prefix read-only property returns the namespace prefix the specified element, or null if no prefix is specified.

string = element.prefix

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/prefix

prepend cljs

(prepend this & args)

Method.

The ParentNode.prepend() method inserts a set of web.Node objects web.dom.DOMString objects before the first child of the web.ParentNode. objects are inserted as equivalent web.Text nodes.

ParentNode.prepend(...nodesToPrepend);

See also: https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/prepend

previous-element-sibling cljs

(previous-element-sibling this)

Property.

The NonDocumentTypeChildNode.previousElementSibling read-only returns the web.Element immediately prior to the specified in its parent's children list, or null if the specified element the first one in the list.

prevNode = elementNodeReference.previousElementSibling;

See also: https://developer.mozilla.org/en-US/docs/Web/API/NonDocumentTypeChildNode/previousElementSibling

query-selector cljs

(query-selector this selectors)

Method.

The querySelector() method of the web.Element interface returns first element that is a descendant of the element on which it invoked that matches the specified group of selectors.

element = baseElement.querySelector(selectors);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/querySelector

query-selector-all cljs

(query-selector-all this selectors)

Method.

The web.ParentNode mixin defines the querySelectorAll() method returning a web.NodeList representing a list of elements matching specified group of selectors which are descendants of the object which the method was called.

elementList = parentNode.querySelectorAll(selectors);

See also: https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/querySelectorAll

release-pointer-capture cljs

(release-pointer-capture this pointer-id)

Method.

The releasePointerCapture() method of the web.Element interface (stops) pointer capture that was previously set for a specific pointer.

targetElement.releasePointerCapture(pointerId);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/releasePointerCapture

remove cljs

(remove this)

Method.

The ChildNode.remove() method removes the object from the tree belongs to.

node.remove();

See also: https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/remove

remove-attribute cljs

(remove-attribute this attr-name)

Method.

The web.Element method removeAttribute() removes the attribute the specified name from the element.

element.removeAttribute(attrName);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/removeAttribute

remove-attribute-node cljs

(remove-attribute-node this & args)

Method.

The removeAttributeNode() method of the web.Element object the specified attribute from the current element.

`removedAttr = element.removeAttributeNode(attributeNode)

attributeNode is the Attr node that needs to be removed. removedAttr is the removed Attr node.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/removeAttributeNode

remove-attribute-ns cljs

(remove-attribute-ns this namespace attr-name)

Method.

The removeAttributeNS() method of the web.Element interface the specified attribute from an element.

element.removeAttributeNS(namespace, attrName);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/removeAttributeNS

replace-with cljs

(replace-with this & args)

Method.

The ChildNode.replaceWith() method replaces this ChildNode in children list of its parent with a set of web.Node or web.dom.DOMString web.dom.DOMString objects are inserted as equivalent web.Text

[Throws, Unscopable] void ChildNode.replaceWith((Node or DOMString)... nodes);

See also: https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/replaceWith

request-fullscreen cljs

(request-fullscreen this options)

Method.

The Element.requestFullscreen() method issues an asynchronous to make the element be displayed in full-screen mode.

var Promise = Element.requestFullscreen(options);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/requestFullScreen

request-pointer-lock cljs

(request-pointer-lock this)

Method.

The Element.requestPointerLock() method lets you asynchronously for the pointer to be locked on the given element.

instanceOfElement.requestPointerLock();

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/requestPointerLock

runtime-style cljs

(runtime-style this)

Property.

Element.runtimeStyle is a proprietary property similar to HTMLElement.style, its styles, that have higher precedence and modification.

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/runtimeStyle

scroll cljs

(scroll this & args)

Method.

The scroll() method of the web.Element interface scrolls the to a particular set of coordinates inside a given element.

element.scroll(x-coord, y-coord) element.scroll(options)

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/scroll

scroll-by cljs

(scroll-by this & args)

Method.

The scrollBy() method of the web.Element interface scrolls element by the given amount.

element.scrollBy(x-coord, y-coord); element.scrollBy(options)

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollBy

scroll-height cljs

(scroll-height this)

Property.

The Element.scrollHeight read-only property is a measurement the height of an element's content, including content not visible the screen due to overflow.

`var intElemScrollHeight = element.scrollHeight;

intElemScrollHeight is a variable storing an integer corresponding to the scrollHeight pixel value of the element. The scrollHeight property is read-only.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight

scroll-into-view cljs

(scroll-into-view this & args)

Method.

The web.Element interface's scrollIntoView() method scrolls element's parent container such that the element on which scrollIntoView() called is visible to the user

element.scrollIntoView(); element.scrollIntoView(alignToTop); // Boolean parameter element.scrollIntoView(scrollIntoViewOptions); // Object parameter

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView

scroll-into-view-if-needed cljs

(scroll-into-view-if-needed this)

Method.

The Element.scrollIntoViewIfNeeded() method scrolls the current into the visible area of the browser window if it's not already the visible area of the browser window. If the element is already the visible area of the browser window, then no scrolling takes This method is a proprietary variation of the standard Element.scrollIntoView()

TODO

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoViewIfNeeded

scroll-left cljs

(scroll-left this)

Property.

The Element.scrollLeft property gets or sets the number of pixels an element's content is scrolled from its left edge.

``

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollLeft

scroll-left-max cljs

(scroll-left-max this)

Property.

The Element.scrollLeftMax read-only property returns a js.Number the maximum left scroll offset possible for the element.

var pxl = element.scrollLeftMax;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollLeftMax

scroll-to cljs

(scroll-to this & args)

Method.

The scrollTo() method of the web.Element interface scrolls a particular set of coordinates inside a given element.

element.scrollTo(x-coord, y-coord) element.scrollTo(options)

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTo

scroll-top cljs

(scroll-top this)

Property.

The Element.scrollTop property gets or sets the number of pixels an element's content is scrolled vertically.

`// Get the number of pixels scrolled. var intElemScrollTop = someElement.scrollTop;

After running this code, intElemScrollTop is an integer corresponding to the number of pixels that the element's content has been scrolled upwards.

// Set the number of pixels scrolled. element.scrollTop = intValue;

scrollTop can be set to any integer value, with certain caveats:

If the element can't be scrolled (e.g. it has no overflow or if the element has a property of "non-scrollable"), scrollTop is 0. scrollTop doesn't respond to negative values; instead, it sets itself back to 0. If set to a value greater than the maximum available for the element, scrollTop settles itself to the maximum value.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTop

scroll-top-max cljs

(scroll-top-max this)

Property.

The Element.scrollTopMax read-only property returns a js.Number the maximum top scroll offset possible for the element.

var pxl = elt.scrollTopMax;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTopMax

scroll-width cljs

(scroll-width this)

Property.

The Element.scrollWidth read-only property is a measurement of width of an element's content, including content not visible the screen due to overflow.

`var xScrollWidth = element.scrollWidth;

xScrollWidth is the width of the content of element in pixels.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollWidth

set-access-key! cljs

(set-access-key! this val)

Property.

The Element.accessKey property sets the keystroke which a user press to jump to a given element.

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/accessKey

set-assigned-slot! cljs

(set-assigned-slot! this val)

Property.

The assignedSlot read-only property of the web.shadow-dom.Slotable returns an web.shadow-dom.HTMLSlotElement representing the element the node is inserted in.

var slotElement = elementInstance.assignedSlot

See also: https://developer.mozilla.org/en-US/docs/Web/API/Slotable/assignedSlot

set-attribute cljs

(set-attribute this name value)

Method.

Sets the value of an attribute on the specified element. If the already exists, the value is updated; otherwise a new attribute added with the specified name and value.

Element.setAttribute(name, value);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute

set-attribute-node cljs

(set-attribute-node this & args)

Method.

The setAttributeNode() method adds a new Attr node to the specified

`var replacedAttr = element.setAttributeNode(attribute);

attribute is the Attr node to set on the element. replacedAttr is the replaced attribute node, if any, returned by this function.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttributeNode

set-attribute-node-ns cljs

(set-attribute-node-ns this & args)

Method.

setAttributeNodeNS adds a new namespaced attribute node to an

`replacedAttr = element.setAttributeNodeNS(attributeNode)

replacedAttr is the replaced attribute node, if any, returned by this function. attributeNode is an Attr node.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttributeNodeNS

set-attribute-ns cljs

(set-attribute-ns this & args)

Method.

setAttributeNS adds a new attribute or changes the value of an with the given namespace and name.

`element.setAttributeNS(namespace, name, value)

namespace is a string specifying the namespace of the attribute. name is a string identifying the attribute by its qualified name; that is, a namespace prefix followed by a colon followed by a local name. value is the desired string value of the new attribute.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttributeNS

set-attributes! cljs

(set-attributes! this val)

Property.

The Element.attributes property returns a live collection of attribute nodes registered to the specified node. It is a web.NamedNodeMap, an Array, so it has no js.Array methods and the web.Attr indexes may differ among browsers. To be more specific, attributes a key/value pair of strings that represents any information regarding attribute.

var attr = element.attributes;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/attributes

set-capture cljs

(set-capture this & args)

Method.

Call this method during the handling of a mousedown event to all mouse events to this element until the mouse button is released document.releaseCapture() is called.

`element.setCapture(retargetToElement);

retargetToElement If true, all events are targeted directly to this element; if false, events can also fire at descendants of this element.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/setCapture

set-child-element-count! cljs

(set-child-element-count! this val)

Property.

The ParentNode.childElementCount read-only property returns an long representing the number of child elements of the given element.

`var count = node.childElementCount;

count The return value, which is an unsigned long (simply an integer) type. node An object representing a web.Document, web.web-components.DocumentFragment, or web.Element.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/childElementCount

set-children! cljs

(set-children! this val)

Property.

The web.ParentNode property children is a read-only property returns a live web.dom.HTMLCollection which contains all of child elements of the node upon which it was called.

var children = node.children;

See also: https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/children

set-class-name! cljs

(set-class-name! this val)

Property.

The className property of the web.Element interface gets and the value of the class of the specified element.

`var cName = elementNodeReference.className; elementNodeReference.className = cName;

cName is a string variable representing the class or space-separated classes of the current element.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/className

set-client-height! cljs

(set-client-height! this val)

Property.

The Element.clientHeight read-only property is zero for elements no CSS or inline layout boxes; otherwise, it's the inner height an element in pixels. It includes padding but excludes borders, and horizontal scrollbars (if present).

`var intElemClientHeight = element.clientHeight;

intElemClientHeight is an integer corresponding to the clientHeight of element in pixels. The clientHeight property is read–only.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/clientHeight

set-client-left! cljs

(set-client-left! this val)

Property.

The width of the left border of an element in pixels. It includes width of the vertical scrollbar if the text direction of the is right–to–left and if there is an overflow causing a left vertical to be rendered. clientLeft does not include the left margin or left padding. clientLeft is read-only.

var left = element.clientLeft;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/clientLeft

set-client-top! cljs

(set-client-top! this val)

Property.

The width of the top border of an element in pixels. It is a integer property of element.

var top = element.clientTop;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/clientTop

set-client-width! cljs

(set-client-width! this val)

Property.

The Element.clientWidth property is zero for inline elements elements with no CSS; otherwise, it's the inner width of an element pixels. It includes padding but excludes borders, margins, and scrollbars (if present).

`var intElemClientWidth = element.clientWidth;

intElemClientWidth is an integer corresponding to the clientWidth of element in pixels. The clientWidth property is read–only.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/clientWidth

set-current-style! cljs

(set-current-style! this val)

Property.

Element.currentStyle is a proprietary property which is similar the standardized window.getComputedStyle() method.

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/currentStyle

set-first-element-child! cljs

(set-first-element-child! this val)

Property.

The ParentNode.firstElementChild read-only property returns the first child web.Element, or null if there are no child elements.

var element = node.firstElementChild;

See also: https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/firstElementChild

set-id! cljs

(set-id! this val)

Property.

The id property of the web.Element interface represents the identifier, reflecting the id global attribute.

`var idStr = element.id; // Get the id element.id = idStr; // Set the id

idStr is the identifier of the element.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/id

set-inner-html! cljs

(set-inner-html! this val)

Property.

The web.Element property innerHTML gets or sets the HTML or markup contained within the element.

`const content = element.innerHTML;

element.innerHTML = htmlString;`

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

set-last-element-child! cljs

(set-last-element-child! this val)

Property.

The ParentNode.lastElementChild read-only property returns the last child web.Element or null if there are no child elements.

var element = node.lastElementChild;

See also: https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/lastElementChild

set-local-name! cljs

(set-local-name! this val)

Property.

The Element.localName read-only property returns the local part the qualified name of an element.

name = element.localName

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/localName

set-name! cljs

(set-name! this val)

Property.

name gets or sets the name property of an element in the DOM. only applies to the following elements: <a>, <applet>, <button>, <frame>, <iframe>, <img>, <input>, <map>, <meta>, <param>, <select>, and <textarea>.

`HTMLElement.name = string; var elName = HTMLElement.name;

var fControl = HTMLFormElement.elementName; var controlCollection = HTMLFormElement.elements.elementName;`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/name

set-namespace-uri! cljs

(set-namespace-uri! this val)

Property.

The Element.namespaceURI read-only property returns the namespace of the element, or null if the element is not in a namespace.

namespace = element.namespaceURI

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/namespaceURI

set-next-element-sibling! cljs

(set-next-element-sibling! this val)

Property.

The NonDocumentTypeChildNode.nextElementSibling read-only property the element immediately following the specified one in its parent's list, or null if the specified element is the last one in the

var nextNode = elementNodeReference.nextElementSibling;

See also: https://developer.mozilla.org/en-US/docs/Web/API/NonDocumentTypeChildNode/nextElementSibling

set-onfullscreenchange! cljs

(set-onfullscreenchange! this val)

Property.

The web.Element interface's onfullscreenchange property is event handler for the fullscreenchange event that is fired when element has transitioned into or out of full-screen mode.

targetDocument.onfullscreenchange = fullscreenChangeHandler;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/onfullscreenchange

set-onfullscreenerror! cljs

(set-onfullscreenerror! this val)

Property.

The web.Element interface's onfullscreenerror property is an handler for the fullscreenerror event which is sent to the element an error occurs while attempting to transition into or out of mode.

targetElement.onfullscreenerror = fullscreenErrorHandler;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/onfullscreenerror

set-open-or-closed-shadow-root! cljs

(set-open-or-closed-shadow-root! this val)

Property.

The Element.openOrCloseShadowRoot read-only property represents shadow root hosted by the element, regardless if its mode is or closed.

var shadowroot = element.shadowRoot;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/openOrClosedShadowRoot

set-outer-html! cljs

(set-outer-html! this val)

Property.

The outerHTML attribute of the web.Element DOM interface gets serialized HTML fragment describing the element including its It can also be set to replace the element with nodes parsed from given string.

`var content = element.outerHTML;

element.outerHTML = htmlString;`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/outerHTML

set-pointer-capture cljs

(set-pointer-capture this pointer-id)

Method.

The setPointerCapture() method of the web.Element interface used to designate a specific element as the capture target of pointer events. Subsequent events for the pointer will be targeted the capture element until capture is released (via Element.releasePointerCapture()).

targetElement.setPointerCapture(pointerId);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/setPointerCapture

set-prefix! cljs

(set-prefix! this val)

Property.

The Element.prefix read-only property returns the namespace prefix the specified element, or null if no prefix is specified.

string = element.prefix

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/prefix

set-runtime-style! cljs

(set-runtime-style! this val)

Property.

Element.runtimeStyle is a proprietary property similar to HTMLElement.style, its styles, that have higher precedence and modification.

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/runtimeStyle

set-scroll-height! cljs

(set-scroll-height! this val)

Property.

The Element.scrollHeight read-only property is a measurement the height of an element's content, including content not visible the screen due to overflow.

`var intElemScrollHeight = element.scrollHeight;

intElemScrollHeight is a variable storing an integer corresponding to the scrollHeight pixel value of the element. The scrollHeight property is read-only.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight

set-scroll-left! cljs

(set-scroll-left! this val)

Property.

The Element.scrollLeft property gets or sets the number of pixels an element's content is scrolled from its left edge.

``

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollLeft

set-scroll-top! cljs

(set-scroll-top! this val)

Property.

The Element.scrollTop property gets or sets the number of pixels an element's content is scrolled vertically.

`// Get the number of pixels scrolled. var intElemScrollTop = someElement.scrollTop;

After running this code, intElemScrollTop is an integer corresponding to the number of pixels that the element's content has been scrolled upwards.

// Set the number of pixels scrolled. element.scrollTop = intValue;

scrollTop can be set to any integer value, with certain caveats:

If the element can't be scrolled (e.g. it has no overflow or if the element has a property of "non-scrollable"), scrollTop is 0. scrollTop doesn't respond to negative values; instead, it sets itself back to 0. If set to a value greater than the maximum available for the element, scrollTop settles itself to the maximum value.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTop

set-scroll-width! cljs

(set-scroll-width! this val)

Property.

The Element.scrollWidth read-only property is a measurement of width of an element's content, including content not visible the screen due to overflow.

`var xScrollWidth = element.scrollWidth;

xScrollWidth is the width of the content of element in pixels.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollWidth

set-shadow-root! cljs

(set-shadow-root! this val)

Property.

The Element.shadowRoot read-only property represents the shadow hosted by the element.

var shadowroot = element.shadowRoot;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/shadowRoot

set-slot! cljs

(set-slot! this val)

Property.

The slot property of the web.Element interface returns the of the shadow DOM slot the element is inserted in.

var aString = element.slot element.slot = aString

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/slot

set-tab-stop! cljs

(set-tab-stop! this val)

Property.

The tabStop property of the web.Element interface returns a indicating if the element can receive input focus via the tab If the specified element is a shadow host tab navigation is delegated its children.

var isTabStop = element.tabStop; element.tabStop = (true|false);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/tabStop

shadow-root cljs

(shadow-root this)

Property.

The Element.shadowRoot read-only property represents the shadow hosted by the element.

var shadowroot = element.shadowRoot;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/shadowRoot

slot cljs

(slot this)

Property.

The slot property of the web.Element interface returns the of the shadow DOM slot the element is inserted in.

var aString = element.slot element.slot = aString

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/slot

tab-stop cljs

(tab-stop this)

Property.

The tabStop property of the web.Element interface returns a indicating if the element can receive input focus via the tab If the specified element is a shadow host tab navigation is delegated its children.

var isTabStop = element.tabStop; element.tabStop = (true|false);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/tabStop

tag-name cljs

(tag-name this)

Property.

The tagName read-only property of the web.Element interface the tag name of the element on which it's called.

elementName = Element.tagName;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/tagName

toggle-attribute cljs

(toggle-attribute this & args)

Method.

The toggleAttribute() method of the web.Element interface toggles Boolean attribute (removing it if it is present and adding it it is not present) on the given element.

Element.toggleAttribute(name [, force]);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/toggleAttribute