Element class
An abstract class, which all HTML elements extend.
- Inheritance
- Object
- EventTarget
- Node
- Element
- 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 -
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 -
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
-
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- 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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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 ofElement
. [...]@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')