Element class

An abstract class, which all HTML elements extend.

Inheritance
Implements
Implemented by
Annotations
  • @DocsEditable()
  • @DomName('Element')
  • @Native("Element")

Constructors

Element.a()
Creates a new <a> element. [...]
factory
Element.article()
Creates a new <article> element. [...]
factory
Element.aside()
Creates a new <aside> element. [...]
factory
Element.audio()
Creates a new <audio> element. [...]
factory
Element.br()
Creates a new <br> element. [...]
factory
Element.canvas()
Creates a new <canvas> element. [...]
factory
Element.created()
Custom element creation constructor. [...]
Element.div()
Creates a new <div> element. [...]
factory
Element.footer()
Creates a new <footer> element. [...]
factory
Element.header()
Creates a new <header> element. [...]
factory
Element.hr()
Creates a new <hr> element. [...]
factory
Element.html(String html, { NodeValidator validator, NodeTreeSanitizer treeSanitizer })
Creates an HTML element from a valid fragment of HTML. [...]
factory
Element.iframe()
Creates a new <iframe> element. [...]
factory
Element.img()
Creates a new <img> element. [...]
factory
Element.li()
Creates a new <li> element. [...]
factory
Element.nav()
Creates a new <nav> element. [...]
factory
Element.ol()
Creates a new <ol> element. [...]
factory
Element.option()
Creates a new <option> element. [...]
factory
Element.p()
Creates a new <p> element. [...]
factory
Element.pre()
Creates a new <pre> element. [...]
factory
Element.section()
Creates a new <section> element. [...]
factory
Element.select()
Creates a new <select> element. [...]
factory
Element.span()
Creates a new <span> element. [...]
factory
Element.svg()
Creates a new <svg> element. [...]
factory
Element.table()
Creates a new <table> element. [...]
factory
Element.tag(String tag, [ String typeExtention ])
Creates the HTML element specified by the tag name. [...]
factory
Element.td()
Creates a new <td> element. [...]
factory
Element.textarea()
Creates a new <textarea> element. [...]
factory
Element.th()
Creates a new <th> element. [...]
factory
Element.tr()
Creates a new <tr> element. [...]
factory
Element.ul()
Creates a new <ul> element. [...]
factory
Element.video()
Creates a new <video> element. [...]
factory

Properties

accessibleNode → AccessibleNode
@DocsEditable(), @DomName('Element.accessibleNode'), @Experimental(), final
assignedSlot → SlotElement
@DocsEditable(), @DomName('Element.assignedSlot'), @Experimental(), final
attributes ↔ Map<String, String>
All attributes on this element. [...]
read / write
borderEdge → CssRect
Access the dimensions and position of this element's content + padding + border box. [...]
@Experimental(), read-only
children ↔ List<Element>
List of the direct children of this element. [...]
read / write
classes ↔ CssClassSet
The set of CSS classes applied to this element. [...]
read / write
className ↔ String
@DocsEditable(), @DomName('Element.className'), read / write
client → Rectangle<num>
Gets the position of this element relative to the client area of the page.
read-only
clientHeight → int
@DocsEditable(), @DomName('Element.clientHeight'), final
clientLeft → int
@DocsEditable(), @DomName('Element.clientLeft'), final
clientTop → int
@DocsEditable(), @DomName('Element.clientTop'), final
clientWidth → int
@DocsEditable(), @DomName('Element.clientWidth'), final
computedName → String
@DocsEditable(), @DomName('Element.computedName'), @Experimental(), final
computedRole → String
@DocsEditable(), @DomName('Element.computedRole'), @Experimental(), final
contentEdge → CssRect
Access this element's content position. [...]
@Experimental(), read-only
contentEditable ↔ String
@DocsEditable(), @DomName('Element.contentEditable'), read / write
dataset ↔ Map<String, String>
Allows access to all custom data attributes (data-*) set on this element. [...]
read / write
dir ↔ String
@DocsEditable(), @DomName('Element.dir'), read / write
documentOffset → Point<num>
Provides the coordinates of the element relative to the top of the document. [...]
@Experimental(), read-only
draggable ↔ bool
Indicates whether the element can be dragged and dropped. [...]
@DocsEditable(), @DomName('Element.draggable'), read / write
hidden ↔ bool
Indicates whether the element is not relevant to the page's current state. [...]
@DocsEditable(), @DomName('Element.hidden'), read / write
id ↔ String
@DocsEditable(), @DomName('Element.id'), read / write
inert ↔ bool
@DocsEditable(), @DomName('Element.inert'), @Experimental(), read / write
innerHtml ↔ String
Parses the HTML fragment and sets it as the contents of this element. [...]
read / write
inputMode ↔ String
@DocsEditable(), @DomName('Element.inputMode'), @Experimental(), read / write
isContentEditable → bool
read-only
lang ↔ String
@DocsEditable(), @DomName('Element.lang'), read / write
localName → String
@DocsEditable(), @DomName('Element.localName'), @Returns('String'), read-only
marginEdge → CssRect
Access the dimensions and position of this element's content + padding + border + margin box. [...]
@Experimental(), read-only
namespaceUri → String
A URI that identifies the XML namespace of this element. [...]
@DomName('Element.namespaceUri'), read-only
nextElementSibling → Element
@DocsEditable(), @DomName('Element.nextElementSibling'), final
offset → Rectangle<num>
Gets the offset of this element relative to its offsetParent.
read-only
offsetHeight → int
@DocsEditable(), @DomName('Element.offsetHeight'), read-only
offsetLeft → int
@DocsEditable(), @DomName('Element.offsetLeft'), read-only
offsetParent → Element
@DocsEditable(), @DomName('Element.offsetParent'), final
offsetTop → int
@DocsEditable(), @DomName('Element.offsetTop'), read-only
offsetWidth → int
@DocsEditable(), @DomName('Element.offsetWidth'), read-only
on → ElementEvents
This is an ease-of-use accessor for event streams which should only be used when an explicit accessor is not available.
read-only
onAbort → ElementStream<Event>
Stream of abort events handled by this Element.
@DocsEditable(), @DomName('Element.onabort'), read-only
onBeforeCopy → ElementStream<Event>
Stream of beforecopy events handled by this Element.
@DocsEditable(), @DomName('Element.onbeforecopy'), read-only
onBeforeCut → ElementStream<Event>
Stream of beforecut events handled by this Element.
@DocsEditable(), @DomName('Element.onbeforecut'), read-only
onBeforePaste → ElementStream<Event>
Stream of beforepaste events handled by this Element.
@DocsEditable(), @DomName('Element.onbeforepaste'), read-only
onBlur → ElementStream<Event>
Stream of blur events handled by this Element.
@DocsEditable(), @DomName('Element.onblur'), read-only
onCanPlay → ElementStream<Event>
@DocsEditable(), @DomName('Element.oncanplay'), @Experimental(), read-only
onCanPlayThrough → ElementStream<Event>
@DocsEditable(), @DomName('Element.oncanplaythrough'), @Experimental(), read-only
onChange → ElementStream<Event>
Stream of change events handled by this Element.
@DocsEditable(), @DomName('Element.onchange'), read-only
onClick → ElementStream<MouseEvent>
Stream of click events handled by this Element.
@DocsEditable(), @DomName('Element.onclick'), read-only
onContextMenu → ElementStream<MouseEvent>
Stream of contextmenu events handled by this Element.
@DocsEditable(), @DomName('Element.oncontextmenu'), read-only
onCopy → ElementStream<ClipboardEvent>
Stream of copy events handled by this Element.
@DocsEditable(), @DomName('Element.oncopy'), read-only
onCut → ElementStream<ClipboardEvent>
Stream of cut events handled by this Element.
@DocsEditable(), @DomName('Element.oncut'), read-only
onDoubleClick → ElementStream<Event>
Stream of doubleclick events handled by this Element.
@DocsEditable(), @DomName('Element.ondblclick'), read-only
onDrag → ElementStream<MouseEvent>
A stream of drag events fired when this element currently being dragged. [...]
@DocsEditable(), @DomName('Element.ondrag'), read-only
onDragEnd → ElementStream<MouseEvent>
A stream of dragend events fired when this element completes a drag operation. [...]
@DocsEditable(), @DomName('Element.ondragend'), read-only
onDragEnter → ElementStream<MouseEvent>
A stream of dragenter events fired when a dragged object is first dragged over this element. [...]
@DocsEditable(), @DomName('Element.ondragenter'), read-only
onDragLeave → ElementStream<MouseEvent>
A stream of dragleave events fired when an object being dragged over this element leaves this element's target area. [...]
@DocsEditable(), @DomName('Element.ondragleave'), read-only
onDragOver → ElementStream<MouseEvent>
A stream of dragover events fired when a dragged object is currently being dragged over this element. [...]
@DocsEditable(), @DomName('Element.ondragover'), read-only
onDragStart → ElementStream<MouseEvent>
A stream of dragstart events fired when this element starts being dragged. [...]
@DocsEditable(), @DomName('Element.ondragstart'), read-only
onDrop → ElementStream<MouseEvent>
A stream of drop events fired when a dragged object is dropped on this element. [...]
@DocsEditable(), @DomName('Element.ondrop'), read-only
onDurationChange → ElementStream<Event>
@DocsEditable(), @DomName('Element.ondurationchange'), @Experimental(), read-only
onEmptied → ElementStream<Event>
@DocsEditable(), @DomName('Element.onemptied'), @Experimental(), read-only
onEnded → ElementStream<Event>
@DocsEditable(), @DomName('Element.onended'), @Experimental(), read-only
onError → ElementStream<Event>
Stream of error events handled by this Element.
@DocsEditable(), @DomName('Element.onerror'), read-only
onFocus → ElementStream<Event>
Stream of focus events handled by this Element.
@DocsEditable(), @DomName('Element.onfocus'), read-only
onFullscreenChange → ElementStream<Event>
Stream of fullscreenchange events handled by this Element.
@DocsEditable(), @DomName('Element.onwebkitfullscreenchange'), @Experimental(), read-only
onFullscreenError → ElementStream<Event>
Stream of fullscreenerror events handled by this Element.
@DocsEditable(), @DomName('Element.onwebkitfullscreenerror'), @Experimental(), read-only
onInput → ElementStream<Event>
Stream of input events handled by this Element.
@DocsEditable(), @DomName('Element.oninput'), read-only
onInvalid → ElementStream<Event>
Stream of invalid events handled by this Element.
@DocsEditable(), @DomName('Element.oninvalid'), read-only
onKeyDown → ElementStream<KeyboardEvent>
Stream of keydown events handled by this Element.
@DocsEditable(), @DomName('Element.onkeydown'), read-only
onKeyPress → ElementStream<KeyboardEvent>
Stream of keypress events handled by this Element.
@DocsEditable(), @DomName('Element.onkeypress'), read-only
onKeyUp → ElementStream<KeyboardEvent>
Stream of keyup events handled by this Element.
@DocsEditable(), @DomName('Element.onkeyup'), read-only
onLoad → ElementStream<Event>
Stream of load events handled by this Element.
@DocsEditable(), @DomName('Element.onload'), read-only
onLoadedData → ElementStream<Event>
@DocsEditable(), @DomName('Element.onloadeddata'), @Experimental(), read-only
onLoadedMetadata → ElementStream<Event>
@DocsEditable(), @DomName('Element.onloadedmetadata'), @Experimental(), read-only
onMouseDown → ElementStream<MouseEvent>
Stream of mousedown events handled by this Element.
@DocsEditable(), @DomName('Element.onmousedown'), read-only
onMouseEnter → ElementStream<MouseEvent>
Stream of mouseenter events handled by this Element.
@DocsEditable(), @DomName('Element.onmouseenter'), @Experimental(), read-only
onMouseLeave → ElementStream<MouseEvent>
Stream of mouseleave events handled by this Element.
@DocsEditable(), @DomName('Element.onmouseleave'), @Experimental(), read-only
onMouseMove → ElementStream<MouseEvent>
Stream of mousemove events handled by this Element.
@DocsEditable(), @DomName('Element.onmousemove'), read-only
onMouseOut → ElementStream<MouseEvent>
Stream of mouseout events handled by this Element.
@DocsEditable(), @DomName('Element.onmouseout'), read-only
onMouseOver → ElementStream<MouseEvent>
Stream of mouseover events handled by this Element.
@DocsEditable(), @DomName('Element.onmouseover'), read-only
onMouseUp → ElementStream<MouseEvent>
Stream of mouseup events handled by this Element.
@DocsEditable(), @DomName('Element.onmouseup'), read-only
onMouseWheel → ElementStream<WheelEvent>
Stream of mousewheel events handled by this Element.
@DocsEditable(), @DomName('Element.onmousewheel'), @Experimental(), read-only
onPaste → ElementStream<ClipboardEvent>
Stream of paste events handled by this Element.
@DocsEditable(), @DomName('Element.onpaste'), read-only
onPause → ElementStream<Event>
@DocsEditable(), @DomName('Element.onpause'), @Experimental(), read-only
onPlay → ElementStream<Event>
@DocsEditable(), @DomName('Element.onplay'), @Experimental(), read-only
onPlaying → ElementStream<Event>
@DocsEditable(), @DomName('Element.onplaying'), @Experimental(), read-only
onRateChange → ElementStream<Event>
@DocsEditable(), @DomName('Element.onratechange'), @Experimental(), read-only
onReset → ElementStream<Event>
Stream of reset events handled by this Element.
@DocsEditable(), @DomName('Element.onreset'), read-only
onResize → ElementStream<Event>
@DocsEditable(), @DomName('Element.onresize'), @Experimental(), read-only
onScroll → ElementStream<Event>
Stream of scroll events handled by this Element.
@DocsEditable(), @DomName('Element.onscroll'), read-only
onSearch → ElementStream<Event>
Stream of search events handled by this Element.
@DocsEditable(), @DomName('Element.onsearch'), @Experimental(), read-only
onSeeked → ElementStream<Event>
@DocsEditable(), @DomName('Element.onseeked'), @Experimental(), read-only
onSeeking → ElementStream<Event>
@DocsEditable(), @DomName('Element.onseeking'), @Experimental(), read-only
onSelect → ElementStream<Event>
Stream of select events handled by this Element.
@DocsEditable(), @DomName('Element.onselect'), read-only
onSelectStart → ElementStream<Event>
Stream of selectstart events handled by this Element.
@DocsEditable(), @DomName('Element.onselectstart'), @Experimental(), read-only
onStalled → ElementStream<Event>
@DocsEditable(), @DomName('Element.onstalled'), @Experimental(), read-only
onSubmit → ElementStream<Event>
Stream of submit events handled by this Element.
@DocsEditable(), @DomName('Element.onsubmit'), read-only
onSuspend → ElementStream<Event>
@DocsEditable(), @DomName('Element.onsuspend'), @Experimental(), read-only
onTimeUpdate → ElementStream<Event>
@DocsEditable(), @DomName('Element.ontimeupdate'), @Experimental(), read-only
onTouchCancel → ElementStream<TouchEvent>
Stream of touchcancel events handled by this Element.
@DocsEditable(), @DomName('Element.ontouchcancel'), @Experimental(), read-only
onTouchEnd → ElementStream<TouchEvent>
Stream of touchend events handled by this Element.
@DocsEditable(), @DomName('Element.ontouchend'), @Experimental(), read-only
onTouchEnter → ElementStream<TouchEvent>
Stream of touchenter events handled by this Element.
@DocsEditable(), @DomName('Element.ontouchenter'), @Experimental(), read-only
onTouchLeave → ElementStream<TouchEvent>
Stream of touchleave events handled by this Element.
@DocsEditable(), @DomName('Element.ontouchleave'), @Experimental(), read-only
onTouchMove → ElementStream<TouchEvent>
Stream of touchmove events handled by this Element.
@DocsEditable(), @DomName('Element.ontouchmove'), @Experimental(), read-only
onTouchStart → ElementStream<TouchEvent>
Stream of touchstart events handled by this Element.
@DocsEditable(), @DomName('Element.ontouchstart'), @Experimental(), read-only
onTransitionEnd → ElementStream<TransitionEvent>
Stream of transitionend events handled by this Element.
@DocsEditable(), @DomName('Element.ontransitionend'), @SupportedBrowser(SupportedBrowser.CHROME), @SupportedBrowser(SupportedBrowser.FIREFOX), @SupportedBrowser(SupportedBrowser.IE, '10'), @SupportedBrowser(SupportedBrowser.SAFARI), read-only
onVolumeChange → ElementStream<Event>
@DocsEditable(), @DomName('Element.onvolumechange'), @Experimental(), read-only
onWaiting → ElementStream<Event>
@DocsEditable(), @DomName('Element.onwaiting'), @Experimental(), read-only
onWheel → ElementStream<WheelEvent>
@DocsEditable(), @DomName('Element.onwheel'), @Experimental(), read-only
outerHtml → String
read-only
paddingEdge → CssRect
Access the dimensions and position of this element's content + padding box. [...]
@Experimental(), read-only
previousElementSibling → Element
@DocsEditable(), @DomName('Element.previousElementSibling'), final
scrollHeight → int
@DocsEditable(), @DomName('Element.scrollHeight'), read-only
scrollLeft ↔ int
@DocsEditable(), @DomName('Element.scrollLeft'), read / write
scrollTop ↔ int
@DocsEditable(), @DomName('Element.scrollTop'), read / write
scrollWidth → int
@DocsEditable(), @DomName('Element.scrollWidth'), read-only
shadowRoot → ShadowRoot
The shadow root of this shadow host. [...]
@DomName('Element.shadowRoot'), @Experimental(), @SupportedBrowser(SupportedBrowser.CHROME, '25'), read-only
slot ↔ String
@DocsEditable(), @DomName('Element.slot'), @Experimental(), read / write
spellcheck ↔ bool
@DocsEditable(), @DomName('Element.spellcheck'), @Experimental(), read / write
style → CssStyleDeclaration
@DocsEditable(), @DomName('Element.style'), final
styleMap → StylePropertyMap
@DocsEditable(), @DomName('Element.styleMap'), @Experimental(), final
tabIndex ↔ int
@DocsEditable(), @DomName('Element.tabIndex'), read / write
tagName → String
@DocsEditable(), @DomName('Element.tagName'), final
title ↔ String
@DocsEditable(), @DomName('Element.title'), read / write
translate ↔ bool
Specifies whether this element's text content changes when the page is localized. [...]
@DocsEditable(), @DomName('Element.translate'), @Experimental(), read / write
baseUri → String
@DocsEditable(), @DomName('Node.baseURI'), @JSName('baseURI'), final, inherited
childNodes → List<Node>
A list of this node's children. [...]
@Creates('NodeList'), @DocsEditable(), @DomName('Node.childNodes'), @Returns('NodeList'), final, inherited
firstChild → Node
The first child of this node. [...]
@DocsEditable(), @DomName('Node.firstChild'), final, inherited
hashCode → int
The hash code for this object. [...]
read-only, inherited
isConnected → bool
@DocsEditable(), @DomName('Node.isConnected'), @Experimental(), final, inherited
lastChild → Node
The last child of this node. [...]
@DocsEditable(), @DomName('Node.lastChild'), final, inherited
nextNode → Node
The next sibling node. [...]
@DocsEditable(), @DomName('Node.nextSibling'), @JSName('nextSibling'), final, inherited
nodeName → String
The name of this node. [...]
@DocsEditable(), @DomName('Node.nodeName'), final, inherited
nodes ↔ List<Node>
A modifiable list of this node's children.
read / write, inherited
nodeType → int
The type of node. [...]
@DocsEditable(), @DomName('Node.nodeType'), final, inherited
nodeValue → String
The value of this node. [...]
@DocsEditable(), @DomName('Node.nodeValue'), final, inherited
ownerDocument → Document
The document this node belongs to. [...]
@DocsEditable(), @DomName('Node.ownerDocument'), final, inherited
parent → Element
The parent element of this node. [...]
@DocsEditable(), @DomName('Node.parentElement'), @JSName('parentElement'), final, inherited
parentNode → Node
The parent node of this node. [...]
@DocsEditable(), @DomName('Node.parentNode'), final, inherited
previousNode → Node
The previous sibling node. [...]
@DocsEditable(), @DomName('Node.previousSibling'), @JSName('previousSibling'), final, inherited
runtimeType → Type
A representation of the runtime type of the object.
read-only, inherited
text ↔ String
All text within this node and its descendents. [...]
@DocsEditable(), @DomName('Node.textContent'), @JSName('textContent'), read / write, inherited

Methods

after(Object nodes) → void
@DocsEditable(), @DomName('Element.after'), @Experimental()
animate(Iterable<Map<String, dynamic>> frames, [ dynamic timing ]) → Animation
  • Creates a new AnimationEffect object whose target element is the object
  • on which the method is called, and calls the play() method of the
  • AnimationTimeline object of the document timeline of the node document
  • of the element, passing the newly created AnimationEffect as the argument
  • to the method. Returns an Animation for the effect.
  • Examples
  • var animation = elem.animate([{"opacity": 75}, {"opacity": 0}], 200);

  • var animation = elem.animate([

  •   {"transform": "translate(100px, -100%)"},

  •   {"transform" : "translate(400px, 500px)"}

  • ], 1500);
  • The frames parameter is an Iterable, where the
  • map entries specify CSS animation effects. The
  • timing paramter can be a double, representing the number of milliseconds
  • for the transition, or a Map with fields corresponding to those
  • of the Timing object.
    • @Experimental(), @SupportedBrowser(SupportedBrowser.CHROME, '36')
    appendHtml(String text, { NodeValidator validator, NodeTreeSanitizer treeSanitizer }) → void
    Parses the specified text as HTML and adds the resulting node after the last child of this element.
    appendText(String text) → void
    Adds the specified text after the last child of this element.
    attached() → void
    Called by the DOM when this element has been inserted into the live document. [...]
    @Experimental()
    attachShadow(Map shadowRootInitDict) → ShadowRoot
    @DocsEditable(), @DomName('Element.attachShadow'), @Experimental()
    attributeChanged(String name, String oldValue, String newValue) → void
    Called by the DOM whenever an attribute on this has been changed.
    before(Object nodes) → void
    @DocsEditable(), @DomName('Element.before'), @Experimental()
    blur() → void
    @DocsEditable(), @DomName('Element.blur')
    click() → void
    @DocsEditable(), @DomName('Element.click')
    closest(String selectors) → Element
    @DocsEditable(), @DomName('Element.closest'), @Experimental()
    createFragment(String html, { NodeValidator validator, NodeTreeSanitizer treeSanitizer }) → DocumentFragment
    Create a DocumentFragment from the HTML fragment and ensure that it follows the sanitization rules specified by the validator or treeSanitizer. [...]
    createShadowRoot() → ShadowRoot
    Creates a new shadow root for this shadow host. [...]
    @DomName('Element.createShadowRoot'), @Experimental(), @SupportedBrowser(SupportedBrowser.CHROME, '25')
    detached() → void
    Called by the DOM when this element has been removed from the live document. [...]
    @Experimental()
    enteredView() → void
    Deprecated*: override attached instead.
    @Experimental()
    focus() → void
    @DocsEditable(), @DomName('Element.focus')
    getAnimations() → List<Animation>
    @DocsEditable(), @DomName('Element.getAnimations'), @Experimental()
    getAttribute(String name) → String
    @DocsEditable(), @DomName('Element.getAttribute'), @Experimental()
    getAttributeNames() → List<String>
    @DocsEditable(), @DomName('Element.getAttributeNames'), @Experimental()
    getAttributeNS(String namespaceURI, String localName) → String
    @DocsEditable(), @DomName('Element.getAttributeNS'), @Experimental()
    getBoundingClientRect() → Rectangle<num>
    Returns the smallest bounding rectangle that encompasses this element's padding, scrollbar, and border. [...]
    @Creates('_DomRect'), @DocsEditable(), @DomName('Element.getBoundingClientRect'), @Returns('_DomRect|Null')
    getClientRects() → List<Rectangle<num>>
    @DocsEditable(), @DomName('Element.getClientRects')
    getComputedStyle([String pseudoElement ]) → CssStyleDeclaration
    The set of all CSS values applied to this element, including inherited and default values. [...]
    getDestinationInsertionPoints() → List<Node>
    Returns a list of shadow DOM insertion points to which this element is distributed. [...]
    @Creates('NodeList'), @DocsEditable(), @DomName('Element.getDestinationInsertionPoints'), @Experimental(), @Returns('NodeList|Null')
    getElementsByClassName(String classNames) → List<Node>
    Returns a list of nodes with the given class name inside this element. [...]
    @Creates('NodeList|HtmlCollection'), @DocsEditable(), @DomName('Element.getElementsByClassName'), @Returns('NodeList|HtmlCollection')
    getNamespacedAttributes(String namespace) → Map<String, String>
    Gets a map for manipulating the attributes of a particular namespace. [...]
    hasPointerCapture(int pointerId) → bool
    @DocsEditable(), @DomName('Element.hasPointerCapture'), @Experimental()
    insertAdjacentElement(String where, Element element) → Element
    Inserts element into the DOM at the specified location. [...]
    insertAdjacentHtml(String where, String html, { NodeValidator validator, NodeTreeSanitizer treeSanitizer }) → void
    Parses text as an HTML fragment and inserts it into the DOM at the specified location. [...]
    insertAdjacentText(String where, String text) → void
    Inserts text into the DOM at the specified location. [...]
    leftView() → void
    Deprecated*: override detached instead.
    @Experimental()
    matches(String selectors) → bool
    Checks if this element matches the CSS selectors.
    @Experimental()
    matchesWithAncestors(String selectors) → bool
    Checks if this element or any of its parents match the CSS selectors.
    @Experimental()
    offsetTo(Element parent) → Point<num>
    Provides the offset of this element's borderEdge relative to the specified parent. [...]
    @Experimental()
    querySelector(String selectors) → Element
    Finds the first descendant element of this element that matches the specified group of selectors. [...]
    @DocsEditable(), @DomName('Element.querySelector')
    querySelectorAll<T extends Element>(String selectors) → ElementList<T>
    Finds all descendent elements of this element that match the specified group of selectors. [...]
    @DomName('Element.querySelectorAll')
    releasePointerCapture(int pointerId) → void
    @DocsEditable(), @DomName('Element.releasePointerCapture'), @Experimental()
    requestFullscreen() → void
    @DocsEditable(), @DomName('Element.requestFullscreen'), @Experimental()
    requestPointerLock() → void
    @DocsEditable(), @DomName('Element.requestPointerLock'), @Experimental()
    scroll([dynamic options_OR_x, num y ]) → void
    @DocsEditable(), @DomName('Element.scroll'), @Experimental()
    scrollBy([dynamic options_OR_x, num y ]) → void
    @DocsEditable(), @DomName('Element.scrollBy'), @Experimental()
    scrollIntoView([ScrollAlignment alignment ]) → void
    Scrolls this element into view. [...]
    scrollTo([dynamic options_OR_x, num y ]) → void
    @DocsEditable(), @DomName('Element.scrollTo'), @Experimental()
    setApplyScroll(ScrollStateCallback scrollStateCallback, String nativeScrollBehavior) → void
    @DocsEditable(), @DomName('Element.setApplyScroll'), @Experimental()
    setAttribute(String name, String value) → void
    @DocsEditable(), @DomName('Element.setAttribute')
    setAttributeNS(String namespaceURI, String name, String value) → void
    @DocsEditable(), @DomName('Element.setAttributeNS')
    setDistributeScroll(ScrollStateCallback scrollStateCallback, String nativeScrollBehavior) → void
    @DocsEditable(), @DomName('Element.setDistributeScroll'), @Experimental()
    setInnerHtml(String html, { NodeValidator validator, NodeTreeSanitizer treeSanitizer }) → void
    Parses the HTML fragment and sets it as the contents of this element. This ensures that the generated content follows the sanitization rules specified by the validator or treeSanitizer. [...]
    setPointerCapture(int pointerId) → void
    @DocsEditable(), @DomName('Element.setPointerCapture'), @Experimental()
    toString() → String
    The string representation of this element. [...]
    addEventListener(String type, EventListener listener, [ bool useCapture ]) → void
    inherited
    append(Node node) → Node
    Adds a node to the end of the child nodes list of this node. [...]
    @DocsEditable(), @DomName('Node.appendChild'), @JSName('appendChild'), inherited
    clone(bool deep) → Node
    Returns a copy of this node. [...]
    @DocsEditable(), @DomName('Node.cloneNode'), @JSName('cloneNode'), inherited
    contains(Node other) → bool
    Returns true if this node contains the specified node. [...]
    @DocsEditable(), @DomName('Node.contains'), inherited
    dispatchEvent(Event event) → bool
    @DocsEditable(), @DomName('EventTarget.dispatchEvent'), inherited
    getRootNode([Map options ]) → Node
    @DocsEditable(), @DomName('Node.getRootNode'), @Experimental(), inherited
    hasChildNodes() → bool
    Returns true if this node has any children. [...]
    @DocsEditable(), @DomName('Node.hasChildNodes'), inherited
    insertAllBefore(Iterable<Node> newNodes, Node refChild) → Node
    Inserts all of the nodes into this node directly before refChild. [...]
    inherited
    insertBefore(Node node, Node child) → Node
    Inserts all of the nodes into this node directly before refChild. [...]
    @DocsEditable(), @DomName('Node.insertBefore'), inherited
    noSuchMethod(Invocation invocation) → dynamic
    Invoked when a non-existent method or property is accessed. [...]
    inherited
    remove() → void
    Removes this node from the DOM.
    @DomName('Node.removeChild'), inherited
    removeEventListener(String type, EventListener listener, [ bool useCapture ]) → void
    inherited
    replaceWith(Node otherNode) → Node
    Replaces this node with another node.
    @DomName('Node.replaceChild'), inherited

    Operators

    operator ==(dynamic other) → bool
    The equality operator. [...]
    inherited

    Static Methods

    isTagSupported(String tag) → bool
    Checks to see if the tag name is supported by the current platform. [...]

    Constants

    abortEvent → const EventStreamProvider<Event>
    Static factory designed to expose abort events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.abortEvent')
    const EventStreamProvider<Event>('abort')
    beforeCopyEvent → const EventStreamProvider<Event>
    Static factory designed to expose beforecopy events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.beforecopyEvent')
    const EventStreamProvider<Event>('beforecopy')
    beforeCutEvent → const EventStreamProvider<Event>
    Static factory designed to expose beforecut events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.beforecutEvent')
    const EventStreamProvider<Event>('beforecut')
    beforePasteEvent → const EventStreamProvider<Event>
    Static factory designed to expose beforepaste events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.beforepasteEvent')
    const EventStreamProvider<Event>('beforepaste')
    blurEvent → const EventStreamProvider<Event>
    Static factory designed to expose blur events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.blurEvent')
    const EventStreamProvider<Event>('blur')
    canPlayEvent → const EventStreamProvider<Event>
    @DocsEditable(), @DomName('Element.canplayEvent'), @Experimental()
    const EventStreamProvider<Event>('canplay')
    canPlayThroughEvent → const EventStreamProvider<Event>
    @DocsEditable(), @DomName('Element.canplaythroughEvent'), @Experimental()
    const EventStreamProvider<Event>('canplaythrough')
    changeEvent → const EventStreamProvider<Event>
    Static factory designed to expose change events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.changeEvent')
    const EventStreamProvider<Event>('change')
    clickEvent → const EventStreamProvider<MouseEvent>
    Static factory designed to expose click events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.clickEvent')
    const EventStreamProvider<MouseEvent>('click')
    contextMenuEvent → const EventStreamProvider<MouseEvent>
    Static factory designed to expose contextmenu events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.contextmenuEvent')
    const EventStreamProvider<MouseEvent>('contextmenu')
    copyEvent → const EventStreamProvider<ClipboardEvent>
    Static factory designed to expose copy events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.copyEvent')
    const EventStreamProvider<ClipboardEvent>('copy')
    cutEvent → const EventStreamProvider<ClipboardEvent>
    Static factory designed to expose cut events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.cutEvent')
    const EventStreamProvider<ClipboardEvent>('cut')
    doubleClickEvent → const EventStreamProvider<Event>
    Static factory designed to expose doubleclick events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.dblclickEvent')
    const EventStreamProvider<Event>('dblclick')
    dragEndEvent → const EventStreamProvider<MouseEvent>
    A stream of dragend events fired when an element completes a drag operation. [...]
    @DocsEditable(), @DomName('Element.dragendEvent')
    const EventStreamProvider<MouseEvent>('dragend')
    dragEnterEvent → const EventStreamProvider<MouseEvent>
    A stream of dragenter events fired when a dragged object is first dragged over an element. [...]
    @DocsEditable(), @DomName('Element.dragenterEvent')
    const EventStreamProvider<MouseEvent>('dragenter')
    dragEvent → const EventStreamProvider<MouseEvent>
    A stream of drag events fired when an element is currently being dragged. [...]
    @DocsEditable(), @DomName('Element.dragEvent')
    const EventStreamProvider<MouseEvent>('drag')
    dragLeaveEvent → const EventStreamProvider<MouseEvent>
    A stream of dragleave events fired when an object being dragged over an element leaves the element's target area. [...]
    @DocsEditable(), @DomName('Element.dragleaveEvent')
    const EventStreamProvider<MouseEvent>('dragleave')
    dragOverEvent → const EventStreamProvider<MouseEvent>
    A stream of dragover events fired when a dragged object is currently being dragged over an element. [...]
    @DocsEditable(), @DomName('Element.dragoverEvent')
    const EventStreamProvider<MouseEvent>('dragover')
    dragStartEvent → const EventStreamProvider<MouseEvent>
    A stream of dragstart events for a dragged element whose drag has begun. [...]
    @DocsEditable(), @DomName('Element.dragstartEvent')
    const EventStreamProvider<MouseEvent>('dragstart')
    dropEvent → const EventStreamProvider<MouseEvent>
    A stream of drop events fired when a dragged object is dropped on an element. [...]
    @DocsEditable(), @DomName('Element.dropEvent')
    const EventStreamProvider<MouseEvent>('drop')
    durationChangeEvent → const EventStreamProvider<Event>
    @DocsEditable(), @DomName('Element.durationchangeEvent'), @Experimental()
    const EventStreamProvider<Event>('durationchange')
    emptiedEvent → const EventStreamProvider<Event>
    @DocsEditable(), @DomName('Element.emptiedEvent'), @Experimental()
    const EventStreamProvider<Event>('emptied')
    endedEvent → const EventStreamProvider<Event>
    @DocsEditable(), @DomName('Element.endedEvent'), @Experimental()
    const EventStreamProvider<Event>('ended')
    errorEvent → const EventStreamProvider<Event>
    Static factory designed to expose error events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.errorEvent')
    const EventStreamProvider<Event>('error')
    focusEvent → const EventStreamProvider<Event>
    Static factory designed to expose focus events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.focusEvent')
    const EventStreamProvider<Event>('focus')
    fullscreenChangeEvent → const EventStreamProvider<Event>
    Static factory designed to expose fullscreenchange events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.webkitfullscreenchangeEvent'), @Experimental(), @SupportedBrowser(SupportedBrowser.CHROME), @SupportedBrowser(SupportedBrowser.SAFARI)
    const EventStreamProvider<Event>('webkitfullscreenchange')
    fullscreenErrorEvent → const EventStreamProvider<Event>
    Static factory designed to expose fullscreenerror events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.webkitfullscreenerrorEvent'), @Experimental(), @SupportedBrowser(SupportedBrowser.CHROME), @SupportedBrowser(SupportedBrowser.SAFARI)
    const EventStreamProvider<Event>('webkitfullscreenerror')
    inputEvent → const EventStreamProvider<Event>
    Static factory designed to expose input events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.inputEvent')
    const EventStreamProvider<Event>('input')
    invalidEvent → const EventStreamProvider<Event>
    Static factory designed to expose invalid events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.invalidEvent')
    const EventStreamProvider<Event>('invalid')
    keyDownEvent → const EventStreamProvider<KeyboardEvent>
    Static factory designed to expose keydown events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.keydownEvent')
    const EventStreamProvider<KeyboardEvent>('keydown')
    keyPressEvent → const EventStreamProvider<KeyboardEvent>
    Static factory designed to expose keypress events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.keypressEvent')
    const EventStreamProvider<KeyboardEvent>('keypress')
    keyUpEvent → const EventStreamProvider<KeyboardEvent>
    Static factory designed to expose keyup events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.keyupEvent')
    const EventStreamProvider<KeyboardEvent>('keyup')
    loadedDataEvent → const EventStreamProvider<Event>
    @DocsEditable(), @DomName('Element.loadeddataEvent'), @Experimental()
    const EventStreamProvider<Event>('loadeddata')
    loadedMetadataEvent → const EventStreamProvider<Event>
    @DocsEditable(), @DomName('Element.loadedmetadataEvent'), @Experimental()
    const EventStreamProvider<Event>('loadedmetadata')
    loadEvent → const EventStreamProvider<Event>
    Static factory designed to expose load events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.loadEvent')
    const EventStreamProvider<Event>('load')
    mouseDownEvent → const EventStreamProvider<MouseEvent>
    Static factory designed to expose mousedown events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.mousedownEvent')
    const EventStreamProvider<MouseEvent>('mousedown')
    mouseEnterEvent → const EventStreamProvider<MouseEvent>
    Static factory designed to expose mouseenter events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.mouseenterEvent'), @Experimental()
    const EventStreamProvider<MouseEvent>('mouseenter')
    mouseLeaveEvent → const EventStreamProvider<MouseEvent>
    Static factory designed to expose mouseleave events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.mouseleaveEvent'), @Experimental()
    const EventStreamProvider<MouseEvent>('mouseleave')
    mouseMoveEvent → const EventStreamProvider<MouseEvent>
    Static factory designed to expose mousemove events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.mousemoveEvent')
    const EventStreamProvider<MouseEvent>('mousemove')
    mouseOutEvent → const EventStreamProvider<MouseEvent>
    Static factory designed to expose mouseout events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.mouseoutEvent')
    const EventStreamProvider<MouseEvent>('mouseout')
    mouseOverEvent → const EventStreamProvider<MouseEvent>
    Static factory designed to expose mouseover events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.mouseoverEvent')
    const EventStreamProvider<MouseEvent>('mouseover')
    mouseUpEvent → const EventStreamProvider<MouseEvent>
    Static factory designed to expose mouseup events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.mouseupEvent')
    const EventStreamProvider<MouseEvent>('mouseup')
    mouseWheelEvent → const EventStreamProvider<WheelEvent>
    Static factory designed to expose mousewheel events to event handlers that are not necessarily instances of Element. [...]
    @DomName('Element.mouseWheelEvent')
    const _CustomEventStreamProvider<WheelEvent>(Element._determineMouseWheelEventType)
    pasteEvent → const EventStreamProvider<ClipboardEvent>
    Static factory designed to expose paste events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.pasteEvent')
    const EventStreamProvider<ClipboardEvent>('paste')
    pauseEvent → const EventStreamProvider<Event>
    @DocsEditable(), @DomName('Element.pauseEvent'), @Experimental()
    const EventStreamProvider<Event>('pause')
    playEvent → const EventStreamProvider<Event>
    @DocsEditable(), @DomName('Element.playEvent'), @Experimental()
    const EventStreamProvider<Event>('play')
    playingEvent → const EventStreamProvider<Event>
    @DocsEditable(), @DomName('Element.playingEvent'), @Experimental()
    const EventStreamProvider<Event>('playing')
    rateChangeEvent → const EventStreamProvider<Event>
    @DocsEditable(), @DomName('Element.ratechangeEvent'), @Experimental()
    const EventStreamProvider<Event>('ratechange')
    resetEvent → const EventStreamProvider<Event>
    Static factory designed to expose reset events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.resetEvent')
    const EventStreamProvider<Event>('reset')
    resizeEvent → const EventStreamProvider<Event>
    @DocsEditable(), @DomName('Element.resizeEvent'), @Experimental()
    const EventStreamProvider<Event>('resize')
    scrollEvent → const EventStreamProvider<Event>
    Static factory designed to expose scroll events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.scrollEvent')
    const EventStreamProvider<Event>('scroll')
    searchEvent → const EventStreamProvider<Event>
    Static factory designed to expose search events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.searchEvent'), @Experimental()
    const EventStreamProvider<Event>('search')
    seekedEvent → const EventStreamProvider<Event>
    @DocsEditable(), @DomName('Element.seekedEvent'), @Experimental()
    const EventStreamProvider<Event>('seeked')
    seekingEvent → const EventStreamProvider<Event>
    @DocsEditable(), @DomName('Element.seekingEvent'), @Experimental()
    const EventStreamProvider<Event>('seeking')
    selectEvent → const EventStreamProvider<Event>
    Static factory designed to expose select events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.selectEvent')
    const EventStreamProvider<Event>('select')
    selectStartEvent → const EventStreamProvider<Event>
    Static factory designed to expose selectstart events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.selectstartEvent'), @Experimental()
    const EventStreamProvider<Event>('selectstart')
    stalledEvent → const EventStreamProvider<Event>
    @DocsEditable(), @DomName('Element.stalledEvent'), @Experimental()
    const EventStreamProvider<Event>('stalled')
    submitEvent → const EventStreamProvider<Event>
    Static factory designed to expose submit events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.submitEvent')
    const EventStreamProvider<Event>('submit')
    suspendEvent → const EventStreamProvider<Event>
    @DocsEditable(), @DomName('Element.suspendEvent'), @Experimental()
    const EventStreamProvider<Event>('suspend')
    timeUpdateEvent → const EventStreamProvider<Event>
    @DocsEditable(), @DomName('Element.timeupdateEvent'), @Experimental()
    const EventStreamProvider<Event>('timeupdate')
    touchCancelEvent → const EventStreamProvider<TouchEvent>
    Static factory designed to expose touchcancel events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.touchcancelEvent'), @Experimental()
    const EventStreamProvider<TouchEvent>('touchcancel')
    touchEndEvent → const EventStreamProvider<TouchEvent>
    Static factory designed to expose touchend events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.touchendEvent'), @Experimental()
    const EventStreamProvider<TouchEvent>('touchend')
    touchEnterEvent → const EventStreamProvider<TouchEvent>
    Static factory designed to expose touchenter events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.touchenterEvent'), @Experimental()
    const EventStreamProvider<TouchEvent>('touchenter')
    touchLeaveEvent → const EventStreamProvider<TouchEvent>
    Static factory designed to expose touchleave events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.touchleaveEvent'), @Experimental()
    const EventStreamProvider<TouchEvent>('touchleave')
    touchMoveEvent → const EventStreamProvider<TouchEvent>
    Static factory designed to expose touchmove events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.touchmoveEvent'), @Experimental()
    const EventStreamProvider<TouchEvent>('touchmove')
    touchStartEvent → const EventStreamProvider<TouchEvent>
    Static factory designed to expose touchstart events to event handlers that are not necessarily instances of Element. [...]
    @DocsEditable(), @DomName('Element.touchstartEvent'), @Experimental()
    const EventStreamProvider<TouchEvent>('touchstart')
    transitionEndEvent → const EventStreamProvider<TransitionEvent>
    Static factory designed to expose transitionend events to event handlers that are not necessarily instances of Element. [...]
    @DomName('Element.transitionEndEvent')
    const _CustomEventStreamProvider<TransitionEvent>(Element._determineTransitionEventType)
    volumeChangeEvent → const EventStreamProvider<Event>
    @DocsEditable(), @DomName('Element.volumechangeEvent'), @Experimental()
    const EventStreamProvider<Event>('volumechange')
    waitingEvent → const EventStreamProvider<Event>
    @DocsEditable(), @DomName('Element.waitingEvent'), @Experimental()
    const EventStreamProvider<Event>('waiting')
    wheelEvent → const EventStreamProvider<WheelEvent>
    @DocsEditable(), @DomName('Element.wheelEvent'), @Experimental()
    const EventStreamProvider<WheelEvent>('wheel')