An abstract class, which all HTML elements extend.

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

Constants

abortEvent 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 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 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 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 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 EventStreamProvider<Event>

@DocsEditable(), @DomName('Element.canplayEvent'), @Experimental()
const EventStreamProvider<Event>('canplay')
canPlayThroughEvent EventStreamProvider<Event>

@DocsEditable(), @DomName('Element.canplaythroughEvent'), @Experimental()
const EventStreamProvider<Event>('canplaythrough')
changeEvent 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 EventStreamProvider<MouseEvent>

Static factory designed to expose click events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.clickEvent')
contextMenuEvent 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 EventStreamProvider<ClipboardEvent>

Static factory designed to expose copy events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.copyEvent')
cutEvent EventStreamProvider<ClipboardEvent>

Static factory designed to expose cut events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.cutEvent')
doubleClickEvent 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 EventStreamProvider<MouseEvent>

A stream of dragend events fired when an element completes a drag operation.

@DocsEditable(), @DomName('Element.dragendEvent')
const EventStreamProvider<MouseEvent>('dragend')
dragEnterEvent 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 EventStreamProvider<MouseEvent>

A stream of drag events fired when an element is currently being dragged.

@DocsEditable(), @DomName('Element.dragEvent')
dragLeaveEvent 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 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 EventStreamProvider<MouseEvent>

A stream of dragstart events for a dragged element whose drag has begun.

@DocsEditable(), @DomName('Element.dragstartEvent')
const EventStreamProvider<MouseEvent>('dragstart')
dropEvent EventStreamProvider<MouseEvent>

A stream of drop events fired when a dragged object is dropped on an element.

@DocsEditable(), @DomName('Element.dropEvent')
durationChangeEvent EventStreamProvider<Event>

@DocsEditable(), @DomName('Element.durationchangeEvent'), @Experimental()
const EventStreamProvider<Event>('durationchange')
emptiedEvent EventStreamProvider<Event>

@DocsEditable(), @DomName('Element.emptiedEvent'), @Experimental()
const EventStreamProvider<Event>('emptied')
endedEvent EventStreamProvider<Event>

@DocsEditable(), @DomName('Element.endedEvent'), @Experimental()
const EventStreamProvider<Event>('ended')
errorEvent 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 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 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 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 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 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 EventStreamProvider<KeyboardEvent>

Static factory designed to expose keydown events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.keydownEvent')
keyPressEvent 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 EventStreamProvider<KeyboardEvent>

Static factory designed to expose keyup events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.keyupEvent')
loadedDataEvent EventStreamProvider<Event>

@DocsEditable(), @DomName('Element.loadeddataEvent'), @Experimental()
const EventStreamProvider<Event>('loadeddata')
loadedMetadataEvent EventStreamProvider<Event>

@DocsEditable(), @DomName('Element.loadedmetadataEvent'), @Experimental()
const EventStreamProvider<Event>('loadedmetadata')
loadEvent 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 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 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 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 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 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 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 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 EventStreamProvider<WheelEvent>

@DocsEditable(), @DomName('Element.mousewheelEvent'), @Experimental()
const EventStreamProvider<WheelEvent>('mousewheel')
pasteEvent EventStreamProvider<ClipboardEvent>

Static factory designed to expose paste events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.pasteEvent')
pauseEvent EventStreamProvider<Event>

@DocsEditable(), @DomName('Element.pauseEvent'), @Experimental()
const EventStreamProvider<Event>('pause')
playEvent EventStreamProvider<Event>

@DocsEditable(), @DomName('Element.playEvent'), @Experimental()
const EventStreamProvider<Event>('play')
playingEvent EventStreamProvider<Event>

@DocsEditable(), @DomName('Element.playingEvent'), @Experimental()
const EventStreamProvider<Event>('playing')
rateChangeEvent EventStreamProvider<Event>

@DocsEditable(), @DomName('Element.ratechangeEvent'), @Experimental()
const EventStreamProvider<Event>('ratechange')
resetEvent 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 EventStreamProvider<Event>

@DocsEditable(), @DomName('Element.resizeEvent'), @Experimental()
const EventStreamProvider<Event>('resize')
scrollEvent 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 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 EventStreamProvider<Event>

@DocsEditable(), @DomName('Element.seekedEvent'), @Experimental()
const EventStreamProvider<Event>('seeked')
seekingEvent EventStreamProvider<Event>

@DocsEditable(), @DomName('Element.seekingEvent'), @Experimental()
const EventStreamProvider<Event>('seeking')
selectEvent 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 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 EventStreamProvider<Event>

@DocsEditable(), @DomName('Element.stalledEvent'), @Experimental()
const EventStreamProvider<Event>('stalled')
submitEvent 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 EventStreamProvider<Event>

@DocsEditable(), @DomName('Element.suspendEvent'), @Experimental()
const EventStreamProvider<Event>('suspend')
timeUpdateEvent EventStreamProvider<Event>

@DocsEditable(), @DomName('Element.timeupdateEvent'), @Experimental()
const EventStreamProvider<Event>('timeupdate')
touchCancelEvent 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 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 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 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 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 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 EventStreamProvider<TransitionEvent>

@DocsEditable(), @DomName('Element.transitionendEvent')
const EventStreamProvider<TransitionEvent>('transitionend')
volumeChangeEvent EventStreamProvider<Event>

@DocsEditable(), @DomName('Element.volumechangeEvent'), @Experimental()
const EventStreamProvider<Event>('volumechange')
waitingEvent EventStreamProvider<Event>

@DocsEditable(), @DomName('Element.waitingEvent'), @Experimental()
const EventStreamProvider<Event>('waiting')

Static Properties

instanceRuntimeType Type

@Deprecated("Internal Use Only"), read-only

Static Methods

isTagSupported(String tag) bool

Checks to see if the tag name is supported by the current platform.

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.internal_()

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

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

Gets the position of this element relative to the client area of the page.

read-only
clientHeight int

@DocsEditable(), @DomName('Element.clientHeight'), read-only
clientLeft int

@DocsEditable(), @DomName('Element.clientLeft'), read-only
clientTop int

@DocsEditable(), @DomName('Element.clientTop'), read-only
clientWidth int

@DocsEditable(), @DomName('Element.clientWidth'), read-only
computedName String

@DocsEditable(), @DomName('Element.computedName'), @Experimental(), read-only
computedRole String

@DocsEditable(), @DomName('Element.computedRole'), @Experimental(), read-only
contentEdge CssRect

Access this element's content position.

@Experimental(), read-only
contentEditable String

read / write
contextMenu MenuElement

read / write
dataset Map<String, String>

Allows access to all custom data attributes (data-*) set on this element.

read / write
dir String

read / write
documentOffset Point

Provides the coordinates of the element relative to the top of the document.

@Experimental(), read-only
draggable bool

read / write
dropzone String

read / write
hidden bool

read / write
id String

@DocsEditable(), @DomName('Element.id'), read / write
innerHtml String

Parses the HTML fragment and sets it as the contents of this element.

read / write
isContentEditable bool

read-only
lang String

read / write
localName String

@DocsEditable(), @DomName('Element.localName'), 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'), read-only
offset Rectangle

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'), read-only
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
outerHtml String

@DocsEditable(), @DomName('Element.outerHTML'), 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'), read-only
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

@DocsEditable(), @DomName('Element.shadowRoot'), @Experimental(), read-only
spellcheck bool

read / write
style CssStyleDeclaration

read-only
tabIndex int

read / write
tagName String

@DocsEditable(), @DomName('Element.tagName'), read-only
title String

read / write
translate bool

read / write
xtag → dynamic

Experimental support for web components. This field stores a reference to the component implementation. It was inspired by Mozilla's x-tags project. Please note: in the future it may be possible to extend Element from your class, in which case this field will be deprecated.

read / write
baseUri String

@DocsEditable(), @DomName('Node.baseURI'), read-only, inherited
childNodes List<Node>

A list of this node's children.

@DocsEditable(), @DomName('Node.childNodes'), read-only, inherited
firstChild Node

The first child of this node.

@DocsEditable(), @DomName('Node.firstChild'), read-only, inherited
hashCode int

read-only, inherited
lastChild Node

The last child of this node.

@DocsEditable(), @DomName('Node.lastChild'), read-only, inherited
nextNode Node

The next sibling node.

@DocsEditable(), @DomName('Node.nextSibling'), read-only, inherited
nodeName String

The name of this node.

@DocsEditable(), @DomName('Node.nodeName'), read-only, 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'), read-only, inherited
nodeValue String

The value of this node.

@DocsEditable(), @DomName('Node.nodeValue'), read-only, inherited
ownerDocument Document

The document this node belongs to.

@DocsEditable(), @DomName('Node.ownerDocument'), read-only, inherited
parent Element

The parent element of this node.

@DocsEditable(), @DomName('Node.parentElement'), read-only, inherited
parentNode Node

The parent node of this node.

@DocsEditable(), @DomName('Node.parentNode'), read-only, inherited
previousNode Node

The previous sibling node.

@DocsEditable(), @DomName('Node.previousSibling'), read-only, inherited
runtimeType Type

A representation of the runtime type of the object.

read-only, inherited
text String

All text within this node and its decendents.

@DocsEditable(), @DomName('Node.textContent'), read / write, inherited

Operators

operator ==(other) bool

The equality operator.

inherited

Methods

after(Object nodes) → void

@DocsEditable(), @DomName('Element.after'), @Experimental()
animate(Iterable<Map<String, dynamic>> frames, [ 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.

@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()
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

click() → void

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([Map shadowRootInitDict ]) ShadowRoot

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

getAnimations() List<Animation>

@DocsEditable(), @DomName('Element.getAnimations'), @Experimental()
getAttribute(String name) String

@DocsEditable(), @DomName('Element.getAttribute'), @Experimental()
getAttributeNS(String namespaceURI, String localName) String

@DocsEditable(), @DomName('Element.getAttributeNS'), @Experimental()
getBoundingClientRect() Rectangle

Returns the smallest bounding rectangle that encompasses this element's padding, scrollbar, and border.

@DocsEditable(), @DomName('Element.getBoundingClientRect')
getClientRects() List<Rectangle>

Returns a list of bounding rectangles for each box associated with this element.

@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.

@DocsEditable(), @DomName('Element.getDestinationInsertionPoints'), @Experimental()
getElementsByClassName(String classNames) List<Node>

Returns a list of nodes with the given class name inside this element.

@DocsEditable(), @DomName('Element.getElementsByClassName')
getNamespacedAttributes(String namespace) Map<String, String>

Gets a map for manipulating the attributes of a particular namespace.

insertAdjacentElement(String where, Element element) Element

@DocsEditable(), @DomName('Element.insertAdjacentElement'), @Experimental()
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

@DocsEditable(), @DomName('Element.insertAdjacentText'), @Experimental()
leftView() → void

Deprecated*: override detached instead.

@Experimental()
matches(String selectors) bool

@DocsEditable(), @DomName('Element.matches'), @Experimental()
matchesWithAncestors(String selectors) bool

Checks if this element or any of its parents match the CSS selectors.

@Experimental()
offsetTo(Element parent) Point

Provides the offset of this element's borderEdge relative to the specified parent.

@Experimental()
query(String relativeSelectors) Element

Alias for querySelector. Note this function is deprecated because its semantics will be changing in the future.

@DomName('Element.querySelector'), @Experimental()
queryAll(String relativeSelectors) ElementList<Element>

Alias for querySelectorAll. Note this function is deprecated because its semantics will be changing in the future.

@DomName('Element.querySelectorAll'), @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(String selectors) ElementList<Element>

Finds all descendent elements of this element that match the specified group of selectors.

@DomName('Element.querySelectorAll')
remove() → void

Removes this node from the DOM.

@DocsEditable(), @DomName('Element.remove')
requestFullscreen() → void

@DocsEditable(), @DomName('Element.requestFullscreen'), @Experimental()
requestPointerLock() → void

@DocsEditable(), @DomName('Element.requestPointerLock'), @Experimental()
scroll([options_OR_x, num y ]) → void

scrollBy([options_OR_x, num y ]) → void

scrollIntoView([ScrollAlignment alignment ]) → void

Scrolls this element into view.

scrollTo([options_OR_x, num y ]) → void

setAttribute(String name, String value) → void

@DocsEditable(), @DomName('Element.setAttribute')
setAttributeNS(String namespaceURI, String name, String value) → void

@DocsEditable(), @DomName('Element.setAttributeNS')
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.

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'), inherited
clone(bool deep) Node

Returns a copy of this node.

@DocsEditable(), @DomName('Node.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
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
removeEventListener(String type, EventListener listener, [ bool useCapture ]) → void

inherited
replaceWith(Node otherNode) Node

Replaces this node with another node.

@DomName('Node.replaceChild'), inherited